\r\n {children}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\" \"}\r\n \r\n\r\n \r\n {\" \"}\r\n \r\n \r\n {\" \"}\r\n \r\n \r\n \r\n {\" \"}\r\n \r\n \r\n {\" \"}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default TopnavEasyAccess;\r\n","const data = [\r\n {\r\n img: '/assets/img/profile-pic-l-2.jpg',\r\n title: 'Joisse just sent a new comment!',\r\n date: '09.04.2018 - 12:45',\r\n id: 1\r\n },\r\n {\r\n img: '/assets/img/notification-thumb.jpg',\r\n title: '1 item is out of stock!',\r\n date: '09.04.2018 - 12:45',\r\n id: 2\r\n },\r\n {\r\n img: '/assets/img/notification-thumb-2.jpg',\r\n title: 'New order received! It is total $147,20.',\r\n date: '09.04.2018 - 12:45',\r\n id: 3\r\n },\r\n {\r\n img: '/assets/img/notification-thumb-3.jpg',\r\n title: '3 items just added to wish list by a user!',\r\n date: '09.04.2018 - 12:45',\r\n id: 4\r\n }\r\n]\r\nexport default data\r\n","import React from \"react\";\r\nimport { UncontrolledDropdown, DropdownToggle, DropdownMenu } from \"reactstrap\";\r\nimport PerfectScrollbar from \"react-perfect-scrollbar\";\r\n\r\nimport notifications from \"../../data/notifications\";\r\n\r\nconst NotificationItem = ({ img, title, date }) => {\r\n return (\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst TopnavNotifications = () => {\r\n return (\r\n \r\n \r\n
\r\n {title}
\r\n{date}
\r\n \r\n\r\n \r\n \r\n \r\n 3\r\n \r\n \r\n \r\n {notifications.map((notification, index) => {\r\n return \r\n
\r\n );\r\n};\r\n\r\nexport default TopnavNotifications;\r\n","import React, { Component } from \"react\";\r\nimport Switch from \"rc-switch\";\r\nimport \"rc-switch/assets/index.css\";\r\nimport { Tooltip } from \"reactstrap\";\r\n\r\nimport { defaultColor,themeColorStorageKey } from \"../../config/defaultValues\";\r\n\r\nexport default class TopnavDarkSwitch extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n switchChecked: false,\r\n tooltipOpen: false\r\n };\r\n }\r\n componentDidMount() {\r\n const color = this.getColor();\r\n this.setState({\r\n switchChecked:color.indexOf('dark')>-1\r\n })\r\n }\r\n\r\n toggle = () => {\r\n this.setState(prevState => ({\r\n tooltipOpen: !prevState.tooltipOpen\r\n }));\r\n };\r\n\r\n getColor = () => {\r\n return localStorage.getItem(themeColorStorageKey)\r\n ? localStorage.getItem(themeColorStorageKey)\r\n : defaultColor;\r\n };\r\n\r\n changeMode = () => {\r\n let color = this.getColor();\r\n\r\n if(color.indexOf('dark')>-1){\r\n color= color.replace('dark','light')\r\n }else if(color.indexOf('light')>-1){\r\n color= color.replace('light','dark')\r\n }\r\n\r\n this.setState({\r\n switchChecked:color.indexOf('dark')>-1\r\n },()=>{\r\n localStorage.setItem(themeColorStorageKey,color)\r\n setTimeout(() => {\r\n window.location.reload();\r\n }, 500);\r\n })\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n Modo ecológico\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from \"react\";\r\nimport {\r\n Button,\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n Input,\r\n Label\r\n} from \"reactstrap\";\r\nimport Select from \"react-select\";\r\nimport CustomSelectInput from \"../../components/common/CustomSelectInput\";\r\nimport IntlMessages from \"../../helpers/IntlMessages\";\r\nimport { servicePathDefault } from \"../../config/defaultValues\";\r\nimport _axios from \"../../libs/axios\";\r\nimport { NotificationManager } from \"../../components/common/react-notifications\";\r\n\r\nexport default class ContactUs extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.send = this.send.bind(this);\r\n this.state = {\r\n subject: '',\r\n body:'',\r\n sender: props.userAdminEmail\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n \r\n }\r\n\r\n handleChangeSelect = selectedOption => {\r\n this.setState({ subject: selectedOption });\r\n };\r\n\r\n send() {\r\n let err = null;\r\n if (this.state.subject.label==='' || this.state.body==='') err = 'Please select a reason and enter a summary';\r\n else if (this.state.sender.indexOf('@') === -1) err = 'Please enter your email';\r\n \r\n if (err) {\r\n NotificationManager.primary(err, \"Please complete...\", 3000, null, null)\r\n return;\r\n }\r\n\r\n //this.props.setLoader(true);\r\n _axios.post(servicePathDefault + 'tenants/contact/us/', { Subject: this.state.subject.label, Body: this.state.body, Sender: this.state.sender })\r\n .then(r => {\r\n this.props.toggleModal();\r\n //this.props.setLoader(false);\r\n NotificationManager.success(\"We have received your message and also sent you a copy to \"+this.state.sender+\". Please make sure emails from support@getbee.com won't go into SPAM.\", \"Great!\", 3000, null, null)\r\n })\r\n .catch(e => {\r\n //this.props.setLoader(false);\r\n NotificationManager.error(e, \"Somehting bad happened :(\", 5000, null, null)\r\n })\r\n }\r\n\r\n render() {\r\n const modalOpen = this.props.modalOpen;\r\n const toggleModal = this.props.toggleModal;\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ menu, settings, authUser, utils }) => {\r\n const {\r\n menuItems,\r\n containerClassnames,\r\n subHiddenBreakpoint,\r\n menuHiddenBreakpoint,\r\n menuClickCount,\r\n selectedMenuHasSubItems\r\n } = menu;\r\n const { userAdmin } = authUser;\r\n const { locale } = settings;\r\n const { params } = utils\r\n return {\r\n menuItems,\r\n containerClassnames,\r\n subHiddenBreakpoint,\r\n menuHiddenBreakpoint,\r\n menuClickCount,\r\n selectedMenuHasSubItems,\r\n userAdmin,\r\n locale,\r\n params\r\n };\r\n};\r\nexport default withRouter(\r\n connect(\r\n mapStateToProps,\r\n {\r\n setContainerClassnames,\r\n addContainerClassname,\r\n changeDefaultClassnames,\r\n changeSelectedMenuHasSubItems,\r\n setParams\r\n }\r\n )(Sidebar)\r\n);\r\n","import React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { withRouter} from \"react-router-dom\";\r\n\r\nimport TopNav from \"../containers/navs/Topnav\";\r\nimport Sidebar from \"../containers/navs/Sidebar\";\r\nclass AppLayout extends Component {\r\n render() {\r\n const { containerClassnames, history, children } = this.props;\r\n return (\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {menuItems &&\r\n menuItems.filter(f=>!f.hidden).map(item => {\r\n return (\r\n \r\n {item.subs &&\r\n item.subs.filter(f=>!f.hidden).map((sub, index) => {\r\n return (\r\n \r\n {sub.newWindow ? (\r\n \r\n {\" \"}\r\n {locale === 'es' ? sub.label : sub.labelEn} \r\n \r\n ) : sub.subs && sub.subs.length > 0 ? (\r\n \r\n \r\n {\" \"}\r\n {locale === 'es' ? sub.label : sub.labelEn} \r\n \r\n\r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n ) : (\r\n { setTimeout(() => {this.props.setParams({setupMsg: sub.setupMsg})}, 250) }}>\r\n
\r\n \r\n \r\n
\r\n \r\n {locale === 'es' ? sub.label : sub.labelEn} \r\n
\r\n \r\n )}\r\n \r\n );\r\n })}\r\n \r\n );\r\n })}\r\n \r\n \r\n { sub.desc }\r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nconst mapStateToProps = ({ menu }) => {\r\n const { containerClassnames } = menu;\r\n return { containerClassnames };\r\n};\r\nconst mapActionToProps={}\r\n\r\nexport default withRouter(connect(\r\n mapStateToProps,\r\n mapActionToProps\r\n)(AppLayout));\r\n","\r\nconst data = [\r\n {value: 'Salud', label: 'Salud'},\r\n {value: 'Familiar', label: 'Familiar'},\r\n {value: 'Deporte', label: 'Deporte'},\r\n {value: 'Personal', label: 'Personal'},\r\n {value: 'Viaje', label: 'Viaje'}\r\n]\r\nexport default data","import React, { Component, Fragment } from \"react\";\r\nimport { setLoader, setDeeplink } from \"../../../../redux/actions\";\r\nimport moment from \"moment\"\r\nimport {\r\n Row,\r\n Button,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter\r\n} from \"reactstrap\";\r\nimport CustomModal from \"../../../../components/utils/CustomModal\";\r\nimport { Colxx } from \"../../../../components/common/CustomBootstrap\";\r\nimport _axios from \"../../../../libs/axios\";\r\nimport _moment from \"../../../../libs/moment\";\r\nimport { NotificationManager } from \"../../../../components/common/react-notifications\";\r\nimport FormCustom from \"../../../../components/utils/FormCustom\";\r\nimport Dialog from \"../../../../components/utils/Dialog\";\r\nimport { connect } from \"react-redux\";\r\nimport AppLocale from \"../../../../config/lang\";\r\nimport { getFileExtension } from \"../../../../helpers/Utils\"\r\nimport justificationReasons from '../../../../data/justificationReasons'\r\nimport { cloneDeep, debounce } from \"lodash\"\r\n\r\nconst defautltForm = {\r\n ID: null,\r\n attendanceTypeId: null,\r\n attendanceTypeName: null,\r\n comment: null,\r\n createdBy: null,\r\n createdByEmail: null,\r\n createdByName: null,\r\n createdByPhone: null,\r\n date: null,\r\n doc: null,\r\n docUrl: null,\r\n externalId: null,\r\n face: null,\r\n justification: null,\r\n last: null,\r\n last2: null,\r\n name: null,\r\n sectionTag: null,\r\n status: null,\r\n tillDate: null\r\n}\r\n\r\nlet actions = {\r\n create: true,\r\n edit: true\r\n}\r\n\r\nconst M = \"admJustification.\"\r\n\r\nclass AdmJustification extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n if (props.userAdmin.write.indexOf('admJustification') < 0) {\r\n actions.create = false\r\n actions.edit = false\r\n }\r\n\r\n this.state = {\r\n data: [],\r\n dataTemp: [],\r\n progressBar: false,\r\n form: defautltForm,\r\n formFilter: {\r\n status: 0,\r\n from: _moment().add(-6, 'days').format('YYYY-MM-DD'),\r\n to: _moment().format('YYYY-MM-DD'),\r\n search: \"\"\r\n },\r\n modal: false,\r\n modalDelete: false,\r\n idItemSelected: null,\r\n sessions: [],\r\n pupils: [],\r\n // upload files\r\n dropzones: [],\r\n uploadActive: -1,\r\n uploadFiles: null,\r\n actions: actions,\r\n preview: null\r\n };\r\n }\r\n\r\n componentWillMount() {\r\n this.getData()\r\n }\r\n\r\n componentDidMount() {\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n }\r\n\r\n componentWillUnmount() {\r\n }\r\n\r\n getData() {\r\n this.setState({ progressBar: true, data: [], dataTemp: [] })\r\n _axios\r\n .get('admJustification/get/?PageSize=1000&from=' + this.state.formFilter.from + '&to=' + this.state.formFilter.to + '§ionId=' + this.state.formFilter.sectionId + '&superSectionId=' + this.state.formFilter.superSectionId + '&type=' + this.state.formFilter.type + (this.state.formFilter.justification?'&justification=' + this.state.formFilter.justification:'') + '&justify=' + this.state.formFilter.status)\r\n .then(r => {\r\n if (r.status >= 0) {\r\n let temp = r.data.Results.filter(e => e.status === this.state.formFilter.status || this.state.formFilter.status === 0)\r\n this.setState({ data: r.data.Results, dataTemp: temp })\r\n } else NotificationManager.error(r.msg, 'Opps', 4000, null, null, 'outline')\r\n this.setState({ progressBar: false })\r\n })\r\n }\r\n\r\n getDataById(item) {\r\n this.props.setLoader(true)\r\n _axios\r\n .get('admJustification/get/' + item.ID)\r\n .then(r => {\r\n if (r.status >= 0) {\r\n if (r.data.doc && (r.data.doc.indexOf('.') === -1 || ['jpg','png','jpeg'].indexOf(getFileExtension(r.data.doc)) > -1)) {\r\n r.data.doc = r.data.doc+'.jpg'\r\n this.setState({preview: r.data.docUrl})\r\n }\r\n r.data.attendanceTypeId = r.data.attendanceTypeId === 0 ? null : { value: r.data.attendanceTypeId, label: r.data.attendanceTypeName }\r\n this.setState({ form: r.data, idItemSelected: item.ID }, () => {\r\n this.toggleModal(item)\r\n })\r\n } else NotificationManager.error(r.msg, 'Opps', 4000, null, null, 'outline')\r\n this.props.setLoader(false)\r\n })\r\n }\r\n\r\n create() {\r\n // console.log(this.state.form)\r\n this.validateForm().then(() => {\r\n let item = cloneDeep(this.state.form)\r\n console.log(item.doc)\r\n let body = {\r\n date: item.date + 'T00:00:00',\r\n file: item.doc && Array.isArray(item.doc) && item.doc.length > 0 ? item.doc[0].value : null, \r\n note: item.comment,\r\n reason: item.justification,\r\n userId: item.userId,\r\n // sessionId: item.sessionId,\r\n fileType: item.doc && item.doc.length > 0 ? item.doc[0].ext : null,\r\n sessionId: 0,\r\n numOfDay: item.tillDate ? (_moment(item.tillDate).diff(item.date, 'days') + 1) : 1\r\n }\r\n // console.log(body)\r\n this.props.setLoader(true)\r\n _axios\r\n .post('attendance/absence', body)\r\n .then(r => {\r\n if (r.status >= 0) {\r\n this.toggleModal()\r\n this.getData()\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n this.props.setLoader(false)\r\n })\r\n })\r\n .catch(e => { /* console.log(e) */ })\r\n }\r\n\r\n edit() {\r\n this.validateForm().then(() => {\r\n let item = cloneDeep(this.state.form)\r\n let body = {\r\n ID: item.ID,\r\n comment: item.comment,\r\n justification: item.justification,\r\n doc: Array.isArray(item.doc) ? (item.doc.length > 0 ? item.doc[0].name : null) : item.doc,\r\n attendanceTypeId: item.attendanceTypeId,\r\n tillDate: item.tillDate\r\n }\r\n // console.log(body)\r\n this.props.setLoader(true)\r\n _axios\r\n .post('admJustification/edit/' + this.state.idItemSelected, body)\r\n .then(r => {\r\n this.props.setLoader(false)\r\n if (r.status >= 0) {\r\n this.uploadFiles(r.data).then((response) => {\r\n this.defaultValuesUploadFiles()\r\n if (r.msg) NotificationManager.success(r.msg, '', 4000, null, null, 'outline')\r\n this.toggleModal()\r\n this.getData()\r\n })\r\n } else NotificationManager.error(r.msg, 'Opps', 4000, null, null, 'outline')\r\n })\r\n .catch((e) => { this.props.setLoader(false) })\r\n })\r\n .catch(e => { /* console.log(e) */ })\r\n }\r\n\r\n delete() {\r\n this.props.setLoader(true)\r\n _axios\r\n .post('admJustification/delete/' + this.state.idItemSelected)\r\n .then(r => {\r\n if (r.status >= 0) {\r\n if (r.msg) NotificationManager.success(r.msg, '', 4000, null, null, 'outline')\r\n this.toggleDelete()\r\n this.toggleModal()\r\n this.getData()\r\n } else NotificationManager.error(r.msg, 'Opps', 4000, null, null, 'outline')\r\n this.props.setLoader(false)\r\n })\r\n }\r\n\r\n save(item, status, typeId) {\r\n\r\n let data = cloneDeep(this.state.data)\r\n let temp = cloneDeep(this.state.dataTemp)\r\n if (!typeId) {\r\n data.map(e => {\r\n if (e.ID === item.ID) {\r\n e.processing = true\r\n }\r\n return e\r\n })\r\n \r\n temp.map(e => {\r\n if (e.ID === item.ID) {\r\n e.processing = true\r\n }\r\n return e\r\n })\r\n }\r\n \r\n this.setState({ data: data, dataTemp: temp })\r\n /*\r\n if (typeId && [2, -1].indexOf(item.status) < 0) {\r\n NotificationManager.error('La opción que ha seleccionado no se ha guardado, se guardará cuando acepete o deniegue la justificación', '', 4000, null, null, 'outline')\r\n return\r\n }\r\n */\r\n let body = status ? { status: status } : { status: item.status, typeId : typeId }\r\n\r\n _axios\r\n .post('admAttendance/0/justifications/' + item.ID, body)\r\n .then(r => {\r\n if (r.status >= 0) {\r\n if (!typeId) {\r\n data.map(e => {\r\n if (e.ID === item.ID) {\r\n e.status = status\r\n e.processing = false\r\n }\r\n return e\r\n })\r\n\r\n temp.map(e => {\r\n if (e.ID === item.ID) {\r\n e.status = status\r\n e.click = true\r\n e.processing = false\r\n }\r\n return e\r\n })\r\n this.setState({ data: data, dataTemp: temp })\r\n } \r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n })\r\n .catch((e) => { })\r\n }\r\n\r\n execute = debounce((item, status, typeId) => { this.save(item, status, typeId) }, 500, { leading: true })\r\n\r\n uploadFiles (id) {\r\n return new Promise((resolve, reject) => {\r\n try {\r\n\r\n if (!this.state.idItemSelected) return resolve('empty')\r\n\r\n this.props.setLoader(true)\r\n\r\n let setUploadActive = () => {\r\n if (this.state.uploadActive < 1) {\r\n this.setState({\r\n uploadActive: this.state.uploadActive + 1}, () => {\r\n // console.log('cambio active', this.state.uploadActive)\r\n if (this.state.uploadActive >= 1) {\r\n this.props.setLoader(false)\r\n return resolve('ok')\r\n }\r\n this.setState({\r\n uploadFiles: {id: id, name: 'doc', success: setUploadActive },\r\n })\r\n })\r\n }\r\n }\r\n\r\n if (1 > 0) {\r\n this.setState({uploadActive: 0}, () => {\r\n this.setState({\r\n uploadFiles: {id: id, name: 'doc', success: setUploadActive },\r\n })\r\n })\r\n }\r\n\r\n } catch (error) {\r\n reject(error)\r\n }\r\n })\r\n }\r\n\r\n defaultValuesUploadFiles () {\r\n this.setState({\r\n dropzones: [],\r\n uploadActive: -1,\r\n uploadFiles: null,\r\n })\r\n }\r\n\r\n listenStatesForm = (s) => {\r\n this.setState({ form: s });\r\n }\r\n\r\n listenStatesFormFilter = (s) => {\r\n this.setState({ formFilter: s });\r\n }\r\n\r\n listenBtnActionsFormFilter = (a, s, rowData) => {\r\n if (a === 'filter') this.getData()\r\n }\r\n\r\n filterData = () => {\r\n if (!this.state.formFilter) return []\r\n else if (this.state.formFilter.search && this.state.formFilter.search !== \"\") {\r\n return this.state.dataTemp.filter(e => {\r\n return e.name.toLowerCase().includes(this.state.formFilter.search.toLowerCase()) || (e.last && e.last.toLowerCase().includes(this.state.formFilter.search.toLowerCase()))\r\n })\r\n } else return this.state.dataTemp\r\n }\r\n\r\n toggleModal = () => {\r\n this.setState(prevState => ({\r\n modal: !prevState.modal\r\n }), () => {\r\n if (!this.state.modal) this.setState({ form: defautltForm, idItemSelected: null, pupils: [], sessions: [], preview: null })\r\n })\r\n }\r\n\r\n toggleDelete = () => {\r\n this.setState(prevState => ({\r\n modalDelete: !prevState.modalDelete\r\n }), () => {\r\n // \r\n });\r\n };\r\n\r\n formFields = () => {\r\n const moduleName = this.props.match.path.split('/').slice(-1)[0]\r\n let configFields = null\r\n const menuSubs = this.props.menuItems.flatMap((m) => m.subs || [])\r\n const foundModule = menuSubs.find((s) => s.id === moduleName)\r\n if (foundModule) configFields = foundModule.configFields\r\n\r\n let form = [\r\n {\r\n name: \"ID\",\r\n value: this.state.form.ID,\r\n type: \"hidden\",\r\n },\r\n {\r\n name: \"name\",\r\n value: this.state.form.name,\r\n type: \"hidden\",\r\n },\r\n {\r\n name: \"last\",\r\n value: this.state.form.last,\r\n type: \"hidden\",\r\n },\r\n {\r\n name: \"last2\",\r\n value: this.state.form.last2,\r\n type: \"hidden\",\r\n },\r\n {\r\n col: 6,\r\n name: \"externalId\",\r\n value: this.state.form.externalId,\r\n type: \"text\",\r\n label: \"main.studentCode\",\r\n disabled: true,\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: (ctx) => { return Number.isInteger(ctx.state.ID) }\r\n },\r\n {\r\n col: 6,\r\n name: \"sectionTag\",\r\n value: this.state.form.sectionTag,\r\n type: \"text\",\r\n label: \"main.section\",\r\n disabled: true,\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: (ctx) => { return Number.isInteger(ctx.state.ID) }\r\n },\r\n {\r\n col: 12,\r\n name: \"attendanceTypeId\",\r\n value: this.state.form.attendanceTypeId,\r\n type: \"select\",\r\n label: \"main.type\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: (ctx) => { return \"admAttendanceType/get?pick=true\" },\r\n },\r\n renderIf: (ctx) => { return Number.isInteger(ctx.state.ID) }\r\n },\r\n {\r\n col: 6,\r\n name: \"date\",\r\n value: this.state.form.date,\r\n type: \"date\",\r\n label: \"main.from\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n selectsStart: true,\r\n startDate: (ctx) => ctx.state.date ? moment(ctx.state.date) : null,\r\n endDate: (ctx) => ctx.state.tillDate ? moment(ctx.state.tillDate) : null\r\n },\r\n disabled: () => { return this.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 6,\r\n name: \"tillDate\",\r\n value: this.state.form.tillDate,\r\n type: \"date\",\r\n label: \"main.to\",\r\n parent: \"date\",\r\n opts: {\r\n style: 'float-label',\r\n selectsEnd: true,\r\n startDate: (ctx) => moment(ctx.state.date),\r\n endDate: (ctx) => moment(ctx.state.tillDate),\r\n minDate: (ctx) => moment(ctx.state.date)\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"gradeName\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.grade\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n },\r\n renderIf: (ctx) => { return !Number.isInteger(ctx.state.ID)}\r\n },\r\n {\r\n col: 6,\r\n name: \"sectionName\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.section\",\r\n rules: 'required',\r\n parent: 'gradeName',\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + this.state.form.gradeName },\r\n setOutput: v => v,\r\n },\r\n renderIf: (ctx) => { return !Number.isInteger(ctx.state.ID)}\r\n },\r\n {\r\n col: 12,\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.student\",\r\n rules: 'required',\r\n parent: 'sectionName',\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admStudent/get?enrolled=1&pick=true\" + (this.state.form.sectionName ? \"§ionId=\" + this.state.form.sectionName.value : \"\") }\r\n },\r\n renderIf: (ctx) => { return !Number.isInteger(ctx.state.ID)}\r\n },\r\n {\r\n col: 12,\r\n name: \"justification\",\r\n value: this.state.form.justification,\r\n type: \"select\",\r\n label: `${M}justification`,\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n isClearable: true,\r\n items: justificationReasons\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"comment\",\r\n value: this.state.form.comment,\r\n type: \"textarea\",\r\n label: \"main.comment\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n rows: \"5\"\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"doc\",\r\n value: this.state.form.doc,\r\n type: \"dropzone\",\r\n label: `${M}attachFile`,\r\n rules: 'ext:jpeg,jpg,png,pdf,doc,docx',\r\n opts: {\r\n path: ()=> \"admJustification/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n url: this.state.form.docUrl,\r\n output: true\r\n },\r\n onChange: (ctxForm) => {\r\n if (ctxForm.state.doc === null) this.setState({preview: null})\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"createdByName\",\r\n value: this.state.form.createdByName,\r\n type: \"text\",\r\n label: \"main.createdBy\",\r\n disabled: true,\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: (ctx) => { return Number.isInteger(ctx.state.ID) }\r\n },\r\n {\r\n col: 4,\r\n name: \"createdByEmail\",\r\n value: this.state.form.createdByEmail,\r\n type: \"text\",\r\n label: (L) => `${L[\"main.email\"]} ${L[\"main.contact\"]}`,\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: (ctx) => { return Number.isInteger(ctx.state.ID) }\r\n },\r\n {\r\n col: 4,\r\n name: \"createdByPhone\",\r\n value: this.state.form.createdByPhone,\r\n type: \"number\",\r\n label: (L) => `${L[\"main.phone\"]} ${L[\"main.contact\"]}`,\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: (ctx) => { return Number.isInteger(ctx.state.ID) }\r\n }\r\n ]\r\n\r\n form = form.map(f => ({\r\n ...f,\r\n ...(configFields?.[f.name] || {})\r\n })).filter(f => !f.inactive)\r\n\r\n return form\r\n }\r\n\r\n render() {\r\n const { locale } = this.props\r\n const L = AppLocale[locale].messages\r\n return (\r\n Justificaciones
\r\n\r\n {/* CREATE */}\r\n {this.state.actions.create && \r\n \r\n }\r\n
\r\n\r\n }\r\n {this.filterData() && this.filterData().length === 0 && !this.state.progressBar &&
{L[\"main.noRecords\"]}
}\r\n {this.filterData() && this.filterData().length > 0 && \r\n (this.componentRef = el)}>\r\n
\r\n }\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n {/* Stundents */}\r\n {this.filterData().map((item, i) => {\r\n return (\r\n {L[\"main.student\"]}
\r\n \r\n
\r\n )})\r\n }\r\n \r\n 
{e.target.onerror = null; e.target.src=require(\"../../../../assets/img/user.png\")}} alt=\"\"/>\r\n
\r\n {item.name}
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n {L[\"main.date\"] + \"(S)\"}
\r\n \r\n
\r\n {L[`${M}justification`]}
\r\n \r\n \r\n
\r\n {/*\r\n \r\n
\r\n */}\r\n Aprobación
\r\n \r\n\r\n {/* Stundents */}\r\n {this.filterData().map((item, i) => {\r\n return (\r\n
\r\n \r\n
\r\n )})\r\n }\r\n \r\n
\r\n \r\n {_moment(item.date).format('dddd DD MMM')}
\r\n { item.tillDate ? ('➔ ' + _moment(item.tillDate).format('dddd DD MMM')) : '' }\r\n
\r\n \r\n { item.tillDate ? ('➔ ' + _moment(item.tillDate).format('dddd DD MMM')) : '' }\r\n
\r\n { this.execute(item, 2) }}\r\n >\r\n \r\n \r\n { this.execute(item, -1) }}\r\n >\r\n \r\n \r\n
\r\n {/*\r\n { this.getDataById(item) }}>\r\n {e.target.onerror = null; e.target.src=require(\"../../../../assets/img/doc.png\")}}\r\n alt=\"\"\r\n />\r\n
\r\n \r\n { return \"admAttendanceType/get?pick=true\" },\r\n }\r\n }\r\n onChange={(val) => {\r\n if (val && val !== item.attendanceTypeId) this.save(item, null, val)\r\n }}\r\n />\r\n
\r\n */}\r\n\r\n \r\n { this.getDataById(item) }}>\r\n
\r\n \r\n
\r\n \r\n \r\n { this.getDataById(item) }}>\r\n
\r\n \r\n
\r\n \r\n {this.state.currentValue}\r\n
\r\n{this.state.currentLabel}
\r\n\r\n (this.chart_instance = ref && ref.chart_instance)}\r\n type=\"lineWithLine\"\r\n options={{\r\n ...smallLineChartOptions,\r\n tooltips: {\r\n intersect: false,\r\n enabled: false,\r\n custom: function(tooltipModel) {\r\n if (tooltipModel && tooltipModel.dataPoints) {\r\n var yLabel = tooltipModel.dataPoints[0].yLabel;\r\n var xLabel = tooltipModel.dataPoints[0].xLabel;\r\n var label = tooltipModel.body[0].lines[0].split(\":\")[0];\r\n changeState(\"$\" + addCommas(yLabel), label + \"-\" + xLabel);\r\n }\r\n }\r\n }\r\n }}\r\n plugins={[\r\n {\r\n afterInit: function(chart, options) {\r\n var yLabel = chart.data.datasets[0].data[0];\r\n var xLabel = chart.data.labels[0];\r\n var label = chart.data.datasets[0].label;\r\n changeState(\"$\" + addCommas(yLabel), label + \"-\" + xLabel);\r\n }\r\n }\r\n ]}\r\n data={data}\r\n />\r\n
\r\n \r\n
\r\n {controls && (\r\n \r\n
\r\n \r\n {L[title]?? title}\r\n
\r\n \r\n {L[caption]?? title}\r\n \r\n\r\n \r\n \r\n {L[\"admCommunications.thisWeek\"]}\r\n \r\n \r\n \r\n {L[\"admCommunications.thisWeek\"]}\r\n \r\n \r\n {L[\"admCommunications.thisMonth\"]}\r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default IconCard;\r\n","import React, { Component, Fragment } from \"react\";\r\nimport { setLoader, setDeeplink, setParams } from \"../../../../redux/actions\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n Row,\r\n Card,\r\n CardBody,\r\n Alert,\r\n Badge\r\n} from \"reactstrap\";\r\nimport { Colxx } from \"../../../../components/common/CustomBootstrap\";\r\nimport _axios from \"../../../../libs/axios\";\r\nimport { NotificationManager } from \"../../../../components/common/react-notifications\";\r\nimport ChartCard from \"../../../../components/utils/ChartCard\";\r\nimport AppLocale from \"../../../../config/lang\";\r\nimport CrudGrid from \"../crudGrid\";\r\nimport IconCard from '../../../../components/cards/IconCard';\r\nimport _moment from \"../../../../libs/moment\";\r\nimport CustomDropdown from \"../../../../components/utils/CustomDropdown\";\r\nimport PerfectScrollbar from 'react-perfect-scrollbar';\r\nimport FormCustom from \"../../../../components/utils/FormCustom\";\r\nimport { getNextDayOfWeek, objToQueryString } from \"../../../../helpers/Utils\";\r\n\r\nclass AdmCommunications extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.M = \"admCommunications.\"\r\n this.state = {\r\n data: [],\r\n form: null,\r\n formFields: [],\r\n formButtons: [],\r\n communicationTypes: [\r\n { id: \"important\", title: `${this.M}important`, icon: 'iconsminds-clock', value: '...'},\r\n { id: \"act\", title: `${this.M}eventsActivities`, icon: 'iconsminds-basket-coins', value: '...' },\r\n { id: \"pub\", title: `${this.M}newsPost`, icon: 'iconsminds-arrow-refresh', value: '...' },\r\n { id: \"pho\", title: `${this.M}photosMedia`, icon: 'iconsminds-mail-read', value: '...' }\r\n ],\r\n progressBar: false,\r\n chartNumberConvers: [],\r\n chartNumberMessages: [],\r\n notification: null,\r\n noCommunications: false,\r\n formSendSummary: null,\r\n formSendSummaryFields: [],\r\n successMsg: null\r\n }\r\n }\r\n\r\n componentWillMount() {\r\n this.getData()\r\n }\r\n\r\n componentDidMount() {\r\n this.createForm()\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.setParams(null)\r\n }\r\n\r\n createForm () {\r\n const fields = [\r\n {\r\n col: 3,\r\n name: \"label1\",\r\n value: `${this.M}communicationType`,\r\n type: \"label\"\r\n },\r\n {\r\n col: 9,\r\n name: \"commType\",\r\n value: \"pub\",\r\n type: \"radioGroup\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n inline: true,\r\n list: [\r\n {value: \"pub\", label: `${this.M}newsPost`},\r\n {value: \"cal\", label: `${this.M}eventsActivities`},\r\n {value: \"pho\", label: `${this.M}photosMedia`}\r\n ]\r\n }\r\n },\r\n {\r\n col: 3,\r\n name: \"label2\",\r\n value: \"main.title\",\r\n type: \"label\"\r\n },\r\n {\r\n col: 9,\r\n name: \"topic\",\r\n value: \"\",\r\n type: \"text\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 3,\r\n name: \"label3\",\r\n value: `${this.M}briefSeed`,\r\n type: \"label\"\r\n },\r\n {\r\n col: 9,\r\n name: \"seed\",\r\n value: \"\",\r\n type: \"textarea\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 3,\r\n name: \"label4\",\r\n value: `${this.M}communicationTone`,\r\n type: \"label\"\r\n },\r\n {\r\n col: 9,\r\n name: \"tone\",\r\n value: \"\",\r\n type: \"radioGroup\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n inline: true,\r\n list: [\r\n {value: \"Joyful\", label: \"admCommunications.joyful\"},\r\n {value: \"Inspiring\", label: \"admCommunications.inspiring\"},\r\n {value: \"Neutral\", label: \"admCommunications.neutral\"},\r\n {value: \"Serious\", label: \"admCommunications.serious\"},\r\n {value: \"Critical\", label: \"admCommunications.critical\"}\r\n ]\r\n }\r\n },\r\n {\r\n col: 3,\r\n name: \"label5\",\r\n value: `${this.M}numberOfParagraphs`,\r\n type: \"label\"\r\n },\r\n {\r\n col: 9,\r\n name: \"paragraphs\",\r\n value: 1,\r\n type: \"slider\",\r\n rules: \"required|numeric|min:1,num\",\r\n opts: {\r\n slider: {\r\n min: 0,\r\n max: 20,\r\n step: 1\r\n }\r\n }\r\n }\r\n ]\r\n\r\n const buttons = [\r\n {\r\n col: 4,\r\n colxs: 6,\r\n name: \"btnProceedManually\",\r\n value: \"\",\r\n type: \"button\",\r\n label: \"admCommunications.proceedManually\",\r\n opts: {\r\n outline: true\r\n },\r\n onClick: () => this.createManually()\r\n },\r\n {\r\n col: 4,\r\n colxs: 6,\r\n name: \"btnProceedWithAI\",\r\n value: \"\",\r\n type: \"button\",\r\n label: \"admCommunications.proceedWithAI\",\r\n onClick: () => this.createWithAi()\r\n }\r\n ]\r\n this.setState({formFields: fields, formButtons: buttons})\r\n }\r\n\r\n createFormSendSummary (readMode = false) {\r\n const { notification } = this.state\r\n const fields = [\r\n {\r\n col: 6,\r\n name: \"day\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.day\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {value: 1, label: \"main.monday\"},\r\n {value: 2, label: \"main.tuesday\"},\r\n {value: 3, label: \"main.wednesday\"},\r\n {value: 4, label: \"main.thursday\"},\r\n {value: 5, label: \"main.friday\"},\r\n {value: 6, label: \"main.saturday\"},\r\n {value: 0, label: \"main.sunday\"}\r\n ]\r\n }\r\n },\r\n {\r\n col: 3,\r\n name: \"hour\",\r\n value: \"\",\r\n type: \"time\",\r\n label: \"main.hour\",\r\n rules: \"required\",\r\n opts: {\r\n style: \"float-label\"\r\n }\r\n },\r\n {\r\n col: 3,\r\n name: \"btnSendSummary\",\r\n value: \"\",\r\n type: \"button\",\r\n label: \"main.activate\",\r\n onClick: () => { this.sendSummary() }\r\n }\r\n ]\r\n\r\n const fieldsReadMode = [\r\n {\r\n col: 3,\r\n name: \"notificationActive\",\r\n value: !!notification?.lastComm,\r\n type: \"switch\",\r\n label: \"main.active\"\r\n },\r\n {\r\n col: 3,\r\n name: \"lastComm\",\r\n value: (L) => `${L[`${this.M}lastSend`]}\r\n {L[title]}\r\n
\r\n{value}
\r\n${notification?.lastComm ? _moment(notification.lastComm).format(\"MMM DD hhA\") : \"\"}`,\r\n type: \"label\",\r\n },\r\n {\r\n col: 3,\r\n name: \"nextComm\",\r\n value: (L) => `${L[`${this.M}nextSend`]}
${notification?.nextComm ? _moment(notification.nextComm).format(\"MMM DD hhA\") : \"\"}`,\r\n type: \"label\",\r\n },\r\n {\r\n col: 3,\r\n name: \"btnEdit\",\r\n value: \"\",\r\n type: \"button\",\r\n label: \"main.edit\",\r\n onClick: () => {\r\n this.ctxAdmNotification.getDataById(notification?.notificationId)\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"alert2\",\r\n value: () => this.state.successMsg,\r\n type: \"alert\",\r\n opts: {\r\n color: \"info\"\r\n },\r\n renderIf: () => this.state.successMsg\r\n },\r\n ]\r\n this.setState({formSendSummaryFields: notification?.notificationId > 0 || readMode ? fieldsReadMode : fields})\r\n }\r\n\r\n getData(loader = true, superSectionId) {\r\n if (loader) this.setState({ progressBar: true, data: []})\r\n const params = {\r\n toDate: `${_moment().format(\"YYYY-MM-DD\")}`,\r\n superSectionId: superSectionId\r\n }\r\n const query = objToQueryString(params)\r\n _axios\r\n .get(`admCommunications/get?${query}`)\r\n .then(r => {\r\n if (r.status >= 0) {\r\n const setCardValue = (id, val) => this.state.communicationTypes.map(e => { if(e.id === id) e.value = val; return e } )\r\n setCardValue(\"act\", r.data.totalEvents)\r\n setCardValue(\"important\", r.data.totalImportant)\r\n setCardValue(\"pho\", r.data.totalMedia)\r\n setCardValue(\"pub\", r.data.totalNews)\r\n\r\n this.setState({\r\n data: r.data.grid.Results,\r\n noCommunications: r.data.grid.Results.length === 0,\r\n chartNumberConvers: r.data.chartNumberConvers,\r\n chartNumberMessages: r.data.chartNumberMessages,\r\n notification: {\r\n lastComm: r.data.lastComm,\r\n nextComm: r.data.nextComm,\r\n notificationActive: r.data.notificationActive,\r\n notificationId: r.data.notificationId,\r\n }\r\n }, () => { this.createFormSendSummary() /* console.log(this.state.data) */ })\r\n } else NotificationManager.error(r.msg, 'Opps', 4000, null, null, 'outline')\r\n this.setState({ progressBar: false })\r\n })\r\n }\r\n\r\n getCategory(item) {\r\n let cat = {}\r\n if ([\"pho\"].indexOf(item.categName) > -1) cat = {id: 1, color: \"success\", name: this.state.communicationTypes.find(t => t.id === \"pho\")?.title}\r\n else if ([\"pub\"].indexOf(item.categName) > -1) cat = {id: 2, color: \"success\", name: this.state.communicationTypes.find(t => t.id === \"pub\")?.title}\r\n else if ([\"act\", \"cal\"].indexOf(item.categName) > -1) cat = {id: 3, color: \"info\", name: this.state.communicationTypes.find(t => t.id === \"act\")?.title}\r\n if (item.pinned) cat = {id: 4, color: \"warning\", name: `${this.M}important`}\r\n else if (item.published === false) cat = {id: 5, color: \"danger\", name: `${this.M}draft`}\r\n return cat\r\n }\r\n\r\n createManually () {\r\n this.validateFor(null, ['commType']).then((v) => {\r\n [\"pub\", \"pho\"].indexOf(this.state.form.commType) > -1 ? this.ctxAdmPublication.toggle() : this.ctxAdmCalendar.toggle()\r\n })\r\n }\r\n\r\n createWithAi () {\r\n this.validateForm().then(() => {\r\n this.props.setLoader(true)\r\n let body = this.state.form\r\n body = {...body, ...{AI: true}}\r\n _axios\r\n .post(\"admCommunications/create\", body)\r\n .then(r => {\r\n this.props.setLoader(false)\r\n if (r.status >= 0) {\r\n const commType = this.state.form.commType\r\n const id = r.data;\r\n [\"pub\", \"pho\"].indexOf(commType) > -1 ? this.ctxAdmPublication.getDataById(id) : this.ctxAdmCalendar.getDataById(id)\r\n this.resetForm()\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n })\r\n .catch((e) => { this.props.setLoader(false) })\r\n })\r\n .catch(e => { /* console.log(e) */ })\r\n }\r\n\r\n sendSummary () {\r\n this.validateFormSendSummary().then(() => {\r\n this.props.setLoader(true)\r\n const { day, hour } = this.state.formSendSummary\r\n const date = getNextDayOfWeek(day)\r\n const time = _moment(hour).format(\"HH:mm\")\r\n const dateTime = _moment(`${date} ${time}`)\r\n const body = {\r\n name: \"Weekly Comms\",\r\n doWA: true,\r\n doWATemplate: \"comms-en\",\r\n placeholders: [],\r\n doMail: false,\r\n doPush: false,\r\n sendTo: 0,\r\n filterBy: \"sections\",\r\n page: \"comms\",\r\n objectId: null,\r\n sendOn: dateTime.format(\"YYYY-MM-DD HH:mm:ss\"),\r\n hasRecurrence: true,\r\n recurrence: `0 ${dateTime.format(\"H\")} * * ${day}`,\r\n confirm: false,\r\n selectedField: null\r\n }\r\n _axios\r\n .post(\"admNotification/create\", body)\r\n .then(r => {\r\n this.props.setLoader(false)\r\n if (r.status >= 0) {\r\n this.createFormSendSummary(true)\r\n this.setState({ successMsg: r.msg })\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n })\r\n .catch((e) => { this.props.setLoader(false) })\r\n })\r\n .catch(e => { /* console.log(e) */ })\r\n }\r\n\r\n listenStatesForm = (s) => {\r\n this.setState({ form: s })\r\n }\r\n\r\n listenCreateSuccess = (success) => {\r\n if (success) this.getData()\r\n }\r\n\r\n listenEditSuccess = (success) => {\r\n if (success) this.getData(false)\r\n }\r\n\r\n listenDeleteSuccess = (success) => {\r\n if (success) this.getData(false)\r\n }\r\n\r\n listenStatesFormSendSummary = (s) => {\r\n this.setState({ formSendSummary: s })\r\n }\r\n\r\n render() {\r\n const { locale, params } = this.props\r\n const L = AppLocale[locale].messages\r\n return (\r\n
{L[`${this.M}communications`]}
\r\n\r\n
\r\n {L[`${this.M}composeCommunication`]}
\r\n {this.state.noCommunications &&}\r\n
\r\n
\r\n {L[`${this.M}sendSummaryToAllParents`]}
\r\n\r\n {\r\n this.getData(true, item.id)\r\n }}\r\n />\r\n
\r\n {L[`${this.M}activeCommunicationsForTheWeek`]}
\r\n{this.state.progressBar &&
\r\n {this.state.noCommunications && }
\r\n \r\n {this.state.data.map((item, index) => {\r\n const category = this.getCategory(item)\r\n return (\r\n \r\n
\r\n \r\n
\r\n )\r\n })}\r\n \r\n 
{e.target.onerror = null; e.target.src=require(\"../../../../assets/img/camera.png\")}}/>\r\n \r\n {L[category.name]?? category.name}\r\n \r\n
\r\n \r\n
\r\n {item.name}
\r\n\r\n
\r\n \r\n {item.desc}\r\n
\r\n\r\n {_moment(item.publishFrom).format(window.tenant.defaultDateFormat)}\r\n
\r\n \r\n {\r\n if ([\"pho\", \"pub\"].indexOf(item.categName) > -1) this.ctxAdmPublication.getDataById(item.id)\r\n else this.ctxAdmCalendar.getDataById(item.id)\r\n }},\r\n {icon: 'simple-icon-trash', name: 'main.delete', onClick: () => {\r\n if ([\"pho\", \"pub\"].indexOf(item.categName) > -1) this.ctxAdmPublication.toggleDelete(item.id)\r\n else this.ctxAdmCalendar.toggleDelete(item.id)\r\n }}\r\n ]}\r\n />\r\n
\r\n \r\n {m.setupMsg && }\r\n {false && }\r\n {m.ai && }\r\n {this.state.isAdmin !== null && }\r\n
\r\n \r\n
{m.label}
\r\n{m.desc}
\r\n\r\n { this.getData(null) }},\r\n {name: `${M}manageAdminModules`, onClick: () => { this.getData(true) }},\r\n {name: `${M}manageAppAIModules`, onClick: () => { this.getData(false) }}\r\n ]}\r\n />\r\n
\r\n {L[this.state.message]}
}\r\n {m.name}
\r\n \r\n \r\n
\r\n);\r\nexport default Home;\r\n","import React, { Component} from \"react\";\r\nimport { Route, withRouter, Switch, Redirect } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport AppLayout from \"../../layout/AppLayout\";\r\nimport crudGrid from './modules/crudGrid';\r\nimport admGrades from './modules/custom/admGrades';\r\nimport admAttendanceControl from './modules/custom/admAttendanceControl';\r\nimport admJustification from './modules/custom/admJustification';\r\nimport admCommunications from './modules/custom/admCommunications';\r\nimport modules from \"../../config/admModules/modules\";\r\nimport home from \"./home\"\r\n\r\nclass App extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.appModules = () => {\r\n const searchComponent = (name) => {\r\n if (['admGrades', 'admGradesBehavior'].indexOf(name) > -1) return admGrades\r\n else if (name === 'admAttendanceControl') return admAttendanceControl\r\n else if (name === 'admJustification') return admJustification\r\n else if (name === 'admCommunications') return admCommunications\r\n else return crudGrid\r\n }\r\n\r\n let r = []\r\n let otherModules = [\r\n {id: 'home', component: home}\r\n ]\r\n \r\n this.props.menuItems.forEach(e => {\r\n\r\n if (e.subs && e.subs.length > 0) {\r\n // submenus\r\n e.subs.forEach(eee => {\r\n modules.forEach(eeee => { if (eee.id === eeee.id) r.push({ id: eee.id, component: searchComponent(eee.id) }) });\r\n });\r\n }\r\n else {\r\n // menus\r\n modules.forEach(ee => { if (e.id === ee.id) r.push({ id: e.id, component: searchComponent(e.id) }) });\r\n }\r\n \r\n otherModules.forEach(ee => { if (e.id === ee.id) r.push(ee) });\r\n \r\n });\r\n if (!r.find((e) => { return e.id === 'home' })) r.push(otherModules[0])\r\n return r\r\n };\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n // console.log(prevProps)\r\n }\r\n\r\n render() {\r\n const { match } = this.props;\r\n return (\r\n \r\n {window.tenant.url.includes(\"theschool.cool\") && 
}\r\n
\r\n {this.props.children}
\r\n \r\n 
\r\n
\r\n \r\n \r\n {window.tenant.appName !== 'AppOnCloud' && \r\n {this.state.readyForm1 && this.validateForm1 = fn}\r\n validateFor={fn => this.validateForForm1 = fn}\r\n didUpdateStates={true}\r\n />}\r\n }\r\n\r\n \r\n {this.state.readyForm2 && this.validateForm2 = fn}\r\n didUpdateStates={true}\r\n />}\r\n \r\n \r\n
\r\n {L[\"main.login\"]}
\r\n\r\n \r\n\r\n${L[\"main.startCreateAccountA\"]}
`,\r\n type: \"label\",\r\n renderIf: () => !this.state.pinSent\r\n },\r\n {\r\n col: 12,\r\n name: \"btnWhatsApp\",\r\n value: \"\",\r\n label: \"main.tryOnWhatsapp\",\r\n type: \"button\",\r\n className: \"d-flex align-items-center\",\r\n opts: {\r\n outline: true,\r\n icon: \"icomoon-whatsapp\",\r\n kind: \"success\",\r\n iconStyle: {fontSize: \"20px\", marginRight: \"8px\"},\r\n },\r\n onClick: () => goToWhatsApp(window.tenant.isPro ? \"15744440040\" : \"14159430840\", \"Hello\"),\r\n renderIf: () => !this.state.pinSent\r\n }\r\n ]\r\n\r\n const buttons = [\r\n {\r\n col: 12,\r\n name: \"btnSentPin\",\r\n type: \"button\",\r\n label: \"main.continue\",\r\n onClick: () => { this.login() },\r\n renderIf: () => this.state.pinSent && !this.state.verifiedNumber\r\n },\r\n {\r\n col: 12,\r\n name: \"btnRegister\",\r\n type: \"button\",\r\n label: \"main.register\",\r\n onClick: () => { this.register() },\r\n renderIf: () => this.state.pinSent && this.state.verifiedNumber\r\n }\r\n ]\r\n\r\n this.setState({formFields: fields, formButtons: buttons}, () => {\r\n this.setState({readyForm: true})\r\n })\r\n }\r\n\r\n listenStatesForm = (s) => {\r\n this.setState({ form: s });\r\n }\r\n\r\n verifyNumber = () => {\r\n this.validateFor(null, ['countryCode', 'mobile']).then(() => {\r\n this.props.setLoader(true)\r\n _axios\r\n .post('user/mauthpin', {user: `${this.state.form.countryCode}${this.state.form.mobile}`})\r\n .then(r => {\r\n this.props.setLoader(false)\r\n if (r.status >= 0) this.setState({pinSent: true}, () => {\r\n setTimeout(() => { document.getElementById(\"form-register-code\").focus()}, 500)\r\n })\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n })\r\n .catch((e) => { this.props.setLoader(false) })\r\n })\r\n .catch(validationFailed => {\r\n // console.log(validationFailed)\r\n })\r\n }\r\n\r\n login = () => {\r\n this.validateForm().then(() => {\r\n this.props.setLoader(true)\r\n _axios\r\n .post('user/login', {user: `${this.state.form.countryCode}${this.state.form.mobile}`, pass: this.state.form.code})\r\n .then(r => {\r\n this.props.setLoader(false)\r\n if (r.status >= 0) {\r\n this.setState({verifiedNumber: true})\r\n this.props.loginUser(r.data, this.props.history, false)\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n })\r\n .catch((e) => { this.props.setLoader(false) })\r\n })\r\n .catch(e => { /* console.log(e) */ })\r\n }\r\n\r\n register = () => {\r\n this.validateForm().then(() => {\r\n this.props.setLoader(true)\r\n _axios\r\n .post('company/setup', {\r\n email: this.state.form.email, \r\n cel: `${this.state.form.countryCode2}${this.state.form.companyPhone}`, \r\n name: this.state.form.name, \r\n alias: this.state.form.alias,\r\n plan: this.state.form.plan\r\n })\r\n .then(r => {\r\n this.props.setLoader(false)\r\n if (r.status >= 0) {\r\n this.props.logoutUser(this.props.history)\r\n this.setState({dialog: {\r\n isOpen: true,\r\n toggle: () => {\r\n let d = this.state.dialog\r\n d.isOpen = !d.isOpen\r\n this.setState({dialog: d})\r\n },\r\n msg: r.msg,\r\n confirm: (e) => {\r\n if (e) window.location.assign(`https://${r.data.alias}.theschool.cool/adm/`);\r\n this.state.dialog.toggle()\r\n },\r\n btnOkName: \"main.launchAdmin\",\r\n btnCancelHidden: true\r\n }})\r\n } else NotificationManager['error'](r.msg, 'Opps', 5000, null, null, 'outline')\r\n })\r\n .catch((e) => { this.props.setLoader(false) })\r\n })\r\n .catch(e => { /* console.log(e) */ })\r\n }\r\n\r\n render() {\r\n const L = AppLocale[this.props.locale].messages\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n {L[\"main.registerTenant\"]}\r\n \r\n {this.state.readyForm && this.validateForm = fn}\r\n validateFor={fn => this.validateFor = fn}\r\n />}\r\n
\r\n \r\n
\r\n MAGIC IS IN THE DETAILS
\r\n\r\n Please use your e-mail to reset your password.
\r\n If you are not a member, please{\" \"}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n {/*\r\n
\r\n MAGIC IS IN THE DETAILS
\r\nYes, it is indeed!
\r\n */}\r\n\r\n \r\n {/**/}\r\n \r\n \r\n \r\n\r\n \r\n
\r\n :|
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ authUser, settings }) => {\r\n const { userAdmin } = authUser;\r\n const { locale } = settings;\r\n return { userAdmin, locale };\r\n};\r\nconst mapActionsToProps = {};\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapActionsToProps\r\n)(App);\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport * as serviceWorker from \"./serviceWorker\";\r\nimport { Provider } from \"react-redux\";\r\nimport { configureStore } from \"./redux/store\";\r\n\r\nimport App from \"./App\";\r\nReactDOM.render(\r\n \r\n \r\n
\r\n - {props.children}
{L[e.Header]?? e.Header}
\r\n else e.Header = L[e.Header]?? e.Header\r\n if (this.props.dataTableList) e.className = e.classList ? e.classList : (i > 3 && !e.isButton) ? 'd-none' : ''\r\n else e.className = e.classTable || ''\r\n return e\r\n })\r\n return cols\r\n }\r\n\r\n onContextMenuClick = (e, data, target) => {\r\n console.log(\"onContextMenuClick - action : \", data.action);\r\n alert(data.action + ': ' + this.state.rowClickedData.ID)\r\n };\r\n\r\n getTbodyProps = () => {\r\n let r = {}\r\n r.className = this.state.expand ? 'expand' : ''\r\n return r\r\n }\r\n\r\n getTheadTrProps = () => {\r\n let r = {}\r\n r.onClick = (e, handleOriginal) => {\r\n this.setState({\r\n expand: !this.state.expand\r\n });\r\n if (handleOriginal) {\r\n handleOriginal()\r\n }\r\n }\r\n r.style = {\r\n cursor: 'pointer'\r\n }\r\n return r\r\n }\r\n\r\n getTdProps = (state, rowInfo, column, instance) => {\r\n \r\n let r = {}\r\n /*\r\n r.onClick = (e, handleOriginal) => {\r\n this.setState({\r\n expand: !this.state.expand\r\n });\r\n if (handleOriginal) {\r\n handleOriginal()\r\n }\r\n }\r\n r.style = {\r\n cursor: 'pointer'\r\n }\r\n */\r\n if (this.props.enableContexMenu) {\r\n r.onContextMenu = () => {\r\n console.log(\"contextMenu\", rowInfo);\r\n this.setState({rowClickedData: rowInfo.original});\r\n }\r\n }\r\n return r\r\n };\r\n\r\n maxHeight = () => {\r\n let r = null\r\n if (this.props.maxHeight) {\r\n r = {\r\n overflow: 'auto',\r\n maxHeight: this.props.maxHeight\r\n }\r\n }\r\n return r\r\n }\r\n\r\n render() {\r\n const { locale, rowCount, pageCount, progressBar, title, dataTableList, data, enableContexMenu, defaultPageSize, getTrProps, hidePagination, customMsg, msgNoRecords } = this.props\r\n const { currentPage } = this.state\r\n const L = AppLocale[locale].messages\r\n return (\r\n \r\n \r\n \r\n {title && \r\n {})()}\r\n getTdProps={this.getTdProps}\r\n />\r\n \r\n }\r\n\r\n {/* show menu when right clicking on a table row */}\r\n {enableContexMenu && { this.handleOnChangePagination(p) }}\r\n hideFirstAndLastPageLinks={true}\r\n />}\r\n\r\n {!hidePagination && \r\n \r\n
\r\n );\r\n }\r\n};\r\n\r\nconst mapStateToProps = ({ settings }) => {\r\n const { locale } = settings\r\n return { locale };\r\n};\r\n\r\nexport default connect(mapStateToProps)(DataTable);","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAIAAAD2HxkiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAGIlJREFUeNrsnWlTIsnXR92XRnHfUHHXaDti5tV8/88wPTPa7Ypiu6C2ytYItD6/PzemhgepknZhqTrnBYEIJJB56t7Mysxqf3x8bAOAxtHBTwCAhABICABICICEAICEAEgIAEgIgIQAgIQASAgASAiAhACAhABICABICICEAICEAEgIAEgIgIQAgIQASAgASAiAhACAhABICABICICEAICEAEgIAEgIgIQAgIQASAgASAiAhACAhABICABICICEAICEAEgIAEgIgIQAgIQASAgASAiAhACAhABICABICICEAICEAEgIAEgIgIQAgIQASAgA/9EVtC/8+PiYzWYTicT379/T6XShUPj586cebG9vpzV4/Gi67enpGR8fX1lZCYVC/CZI+EIeHh5ubm6ur691m0qlfvz4oUdoBDVyf3+vQ5UMnJ+fl5D8IG9Fux3kgkAmkzk/P4/H43d3d1T8yzswHR3r6+vLy8vd3d38GkTCXyCZTO7u7p6cnFDlr88mdnZ2FBKVl3Z2dvKDIGGtBn7+/FlZaPmDvb29OpYrreKIXiVBav9fimQZu3WY5ZvuqP9sHuqIpjt4iIQ1oWa0tbVVbqD0GxkZiUQiupWENCM3CfW7xWIx3VEKOjY2NjAwcHR0VCwW9QTd7u/v62lLS0tdXV38YkjoitqKmtHl5aXziFrS6urqzMyMAiAjot44hyd5qKOVuoKy8fDw0DzM5/N7e3v6l/qHeIiErtzc3BwfHztDoIODg5ubm1NTU+hXC86gne7oN9RhS8cv/Vnhof6lx/EQCatQKBTOzs7u7+/tT7WhjY2N6elpav1XJbT7Fg/VDyz3UD+y8lLdwcMX4+cZM8lkUomo05JmZ2cx8PWoRy0P1RV0klXrH+7u7pqWgIT/kclkcrmcEwaj0ShjMG/o4eLiorqIjocHBweWmvL7IOF/6ZMNr7eVxvrC4fCHDx+o7zf0cG1tTR46vWuLh3iIhP+hNqHeoCPhwMCAc9iGt/JwfX1deWm5h3slgjMNCwm9eChh99VKOCHxfh4qNXUOcIVCQRKqf0g8rB3fDmfZaB4VXAcPnfMWNp9GHtp8Gs4fBl1CqL+HsVjMmU+zs7Ojg6CSVdZbBDcdhfp7KOWcibiKioqHCo/5fJ7fBwmhTh7aeGm5h4qHzml9QEJ4d6SfPFxYWHDOxz48POzt7e3v79M/p08I9fNwfX29rWycRmFQ93VHfnKWCAmhTh5ubGy0lY3T3N/fm4fqNzJpiXQU6nJo7+qy8/hO/1AeHhwc7O7uWngEJIR6xEOb5+14mM/nmeeNhFBXent7l5eXy8dLpZ8k3Nvbw0MkhPp5qH6gPHSmztj+NAqJeIiEUCd6enrMQ2do1PGQ/iESQv08XFtbU//Q8VD6KSk9ODjAwzZOUUDdPLTzh7FYzDl/6MzzDvh5CyIh1NXD8n0xbL0F/UMkhHr3D596qNRUd5AQoB4446UV+0SJwHqIhNAAD22c5qmHwcxLkRAa5mHVfaICuN4CCaFh/UOLh+UeHh4e7uzsICFA/eLhxsbG8vKyc/4wn8/Lw69fvwbqd+A8ITQ4HlZcZ8ZZ9xSc9YdICI33cGVlRUmp3LMBUnmozmFb6Tx+EK4eSToKTZGXykMp52zNZvu1xWKxIJy3IBK6oupv7Ij54+NjZ2enQkEzZGXvvXWyncdXKRLPriDy8PCwv78/ODjo+8v4IGEVVP23t7dXV1fZbNYuFt0QA4UMHB4enpiY6Ovra6yB+jA6JL3r4UBvrmBo13V1rrt2c3MzOTnp784hElYhkUhsbW2lUqkm+TxqmhsbG/XfRdc5+sjATCZzdHRkNr5jcyyhb+rkIPl8XioqX0XCAGFXn20eA4Va/9DQUDQarf+QiSPhXYk65KVVMwLS0WCRTCaVhTbVR/r586cE0G2dl/yMjo6qS2bulVvhs+5ow2F0tErPpAlrvSGdIkm4srIiDyV/fX6TYF45i0hYSTgcHh4edi4w2gz09fWNjY3Vf+WrlJidne3v71cnWX3Ch4eH95ZE76+An06nVRwSBhfbM1Ot4eLiohkm9YdCodXV1fHx8UZFYBWto9L9/X19SpTqBwcHNi6NhMFlaGhoc3MzEok0tnOoVqgjgiLzyMhIY8fobdCybt86CLNkkPB5PpTgd6g/hUIhaLs/MTADzUUAx2aQEAAJAZAQABoIAzPVKRaLuVzO9/sOqQPW3d3d29vLZQORsLkoFApHR0cnJyc/fvzw91CBvlooFIpGo5FIpG4nIQAJn2d3dzcgy0mFAn46nZaNc3NzwZw1Rp+w6VCLTCQSgdqI9v7+3gn7gISNR20xgFtBZ7NZLhiIhM1Cf39/AEcp9K3pEyJhszAwMKDeUU9PT0A6SPqaMjAajeqW2m8IHPyqYJcruby8VGepUXvM1AF9tY6Ojt7e3unp6UgkwqgMEjYRthPm1NRULpfzt4T6akxVR8KmzksFvwPQJwRAQgBAQgD6hAHF90u829vbA3LlIyRsPbLZ7Pfv3/09gdtGR/v7+8fHx/29xTUSth63t7fb29t3d3cPDw++/7KdnZ2jo6OfPn3iRAUSNlEKurOzk0gkAvJ9C4XC+fl5KBRaW1sL2jZnTQL9gUqSJQL1lRXwr66u6razKARFwo4SL4uEwdl21qFYLDbnt27OqxIgYa1H95c1rHA4HLSpzGrlIyMj9b/02rOo+pQtc1WmVjXw9PT05ubmBfVnE0f1wtvb2yCERBk4MTGxuLjYhAOk+v1ViarKhYUFH59K6fKlgUdHR3t7ey9eKj4zM9Pd3Z1IJHK5nL9zIX27vr6+6enp4eHh5vyEmUxGVanPOT8/79d1nn6TUD264+Pjr1+/vnKYYbwEYwbNQDab3dnZMQ99GQ+7fGZgLBZTheXzedqun1BSs729rew0Go36z8MOPxmoLBQD/YpSmy9fvijN8d8Mig7fGKjqKTdQ2Qsb2vqA8osEy0N1NPznYZefDHT6gV1dXRMTE3r86uoqCFPP/IoyT9Wj7qgebTO4XC6nitYdP43TdPjGQFWPEwMXFhY+fvw4ODjIvimtjipRVamuoFOV6h+quuPxuG/WuLS2hIpyTw2cm5tbW1sLhUL6bwDnvvgMmTYwMLC6uhqJRJwH5aHlpf7wsKOlq8dGYhwDlb0oBm5ubvb29lZc8JWQ2Cq0lyivZVVlf3//p0+fyuOh5aX+6B+2ap/QYmD5+UD1A5eWlpS6WD3pz/KxbN1nc9uWQD298orTn1Zx8vC3337r6ek5PDy0w6s8VANQdbf6eYuuFjVQMbDijLyqR7V1dnamA6eqJJ/Pp1IpS0dt9pMqTzVKgtrkYVCC3d7e2p+qrLu7O9V1d3e3Kl31qzuqaGculJ230J2W9rC9FRulGVgxK03Vo0p6LKG61G2xWHQyUueACk0uYdWKs8dtM45CifJX9fX1KQOam5trUQ9bsl1WnRf6tG4qOpC+3zDGrwMzz1ac9Q/l6ujoqIRkYKYepNNpWieUk8lk4vG4OiNEwvoePzo61FlnR4YgJ67q+SsM2gBpMpm0wTkkrF8F2MK/yclJ68HTLgOFDsGq9PPzc2euonUmiYT1roYPHz6EQiFaZGBRAygfjGnRs8EtfHZFRz7mhQYZNQB/bAjEbmsASAiAhACAhABICABICICEAICEAEgI8BRbIMbv8E6wxO55CoVCjTvq2z6Loru7+83XtuXz+fsSuVyuWCzabCFbbtdboq+v762ms+vNc/+icm1iir6RfTWnOJZoImGdgsDNzc3W1tazUtmS056eHrXOUCg0ODioW91/vY3ZbPb29vb6+vru7k6HAynhzNezHVkkQ39//8jIyMTERDgcfs2lXaR3MplUWd+/f0+n0zoAWVm2ptYp7sOHDypubGxMxbXiEj4kbDEUfNT6a3++BUO1VEk4MzMzNTX14itRy4HLy8ujoyOJoYjkNldWnzCTyehg8e3bt9HR0Wg0Kj1eIL9KOT4+Pj8/V1keK6Sd4k5OToaHh+fn5yU/Wy0j4Xv2m3+xNdticLVjRTDZG4/HFxcXI5HIryZvdiGUi4sLZzu5Z8vNllAQm52dXVlZqT0k2rKgvb09hdwap8UXS6g42ajiVldXm/DiakgI/+vICcUNBbT19XXlqDW+UPb+888/SgtfsFJEYhwcHKjQzc3NWpZ62dZ1u7u7euELvqMyZBWnWxX34pgf6KM8P0F9VFSi+NdffylG1fL8VCr1+fNnefvitVqKimdnZ9vb288OKSkG6rO92EBH49PTUxXHhe+RsKkHeCTVly9flLx5P1PJ59bWVo26epcoMWSX92Wq9HmU9L7GQKc4aa+Q6NGZBNLRd+ku9vT0WKdR0aBi2++nXF1dqd/lkSXqHZQZqh/o8SZ9fX1DQ0PqgKndy9hkMukWf8zDcDjsti2nXi5LPTbOUj92eHi4v79fL9dXU0GK0m59VD3h5ORkbGzM9hwBJKwH6uOpfasjZKez7Yzi7e2t4ljVgGDjHzJwbW2t6jk9vVbBxO3MuMSbmZmZmJgYGBiwl5sViURCUaiq/3pCLBYbGRmRt09zSAVnD+Gl0+zsrF6rcm1b3mKxKGN1KFFxVc1XRI3H43aMoHkgYT1QiJAVui1/UM1UbVQBrWqEUdNXH0zte2pq6qkwbo27rbTF+NLS0vLycrm9KlqRSlrqQbX+qjsdKVTKfHlbcRZBwuhDugk/Pj6uiC0DKx6XYPrkth191QONrF5YWEBC+oR1wlLQigfV3BXo1tfX3YYKFS2Vtj1N6hQGZUvVl9j13lZXV6vGTyWoKs4tCbShl0wmU/Gg5FRMc8t4V1ZWnhro5Kg6FkxPT7tl1NfX1y268RkS+oq5ubn5+fmqPTEbpKmwQj7LCrfBTMUfZYYeJ8QVeVRiRUwuD853d3flQS+fz3uM/Uiw0dFRj2+nSOgxH0BHEy5ajoSNR7FL2rg1ZZsKUx4upJ/HvBxFOQVY7+JUlnJIt2Co6FSe6Frf1e2tlOJKM+8vaNNHq/5LXwQJkbApUDqq1uyWx8qK8paqHloqlXJL/xQJn50Xpkw1HA677b0p5cozZxvRcfvYz55zVymSUMcFU7GCttJIKQ2AgZmmCIY2nbrqWIsckIROc1cX0e1knZ5TyyRpFadnqriqpxCUkepjOFN2bHmEW3G1DKvIQHVE9ZntYlgVn8Q7bgMS1ivNKO0RLqpKKAckhkKcxS5boFT1fdTTezY5tKYvV/XkqhIqNCkFda4b5zG1RQbWsiRKzxkrQUWTjjY1atBu/sgEW5fkOOmmll3/tJbibLGf238lns2Dk+0efbaKixwDErY23hcndVbr6dZjTL92K7pKuP3XWQqsW48+W0cJ6g4J/ZORejRoyWC9qYcSr7fCFt16FFfLjHAkREJf8awVTmrqNnPlV680VEtxgITwC9hQyusNBCQMtEWvdKb2nc68n1m7ouythoT+wbsb1tnZaWJ4d8Nq33HQ+5qNTnHPfmYkREL/YPvNuP3XGfZ8dhC1xgkottrIQ0KbdlPjcBEgoR/w2LbMzq07MridH5cPepMaFyUUSrj9t6enxyKhbR/qYTJDOPWEGTPv2xvMZrNuCyOkQSgUciTs7e3V/aqtP5fL1bJnhM2DcStOb24L5O2+xzl9lVWL895Xq1ZgZ5QICZtCwnQ6XeOMUJtxVrG+ydA71LKBkk3BcStOb14unu4rHlbNcj2mlZajr3Z8fJxKpSpmlutjyMC1tbXat5ZDQnjHXNRtdZItFyrPCeXkwMBAVQkVmvQ+U1NT3rFFRiWTSbf/hsPh8uIkoUqsupCiFuctyF9cXOgdKrqX+pfefGlpiQZAn7DBKLE8Pz+/vr52y9YmJyfLp5XKwKfbwDhcXl66rTxysL1t3P47NjZWHgkVGN2Ks2PHs2c7JKpF3Yf/j0nIZSqQsH5UjU52BYujoyO3vE5hsMIBxROPpbSS+ezszGO8RAWdnp66RULlupKwPG/UIx5r5xOJhPfO/ypOX9BtzLaWNcGAhG/08z0Z65d+xWJRedr29rbb0nU10Gg0+nQrCrVdj80CY7GY+mBVh0z0YDwel4Rur52ZmanYZNGcd9sOQ4IdHh66jfGouJOTEx0U3I5KEv6trg9FnxCeQb01BR87RW762bYRiiRu2aPaqHp3ku1pCFV0mp2dddu8MJfL7ezs6NaMMvn1THUjlfdKUY9FupFI5KkVSoDn5+f1nlVfZUrr8yhi22ttODSdTuvb6XDg1m9U53NkZIQp4EhYJ2Ta/v6+2qgj4bOjGoo/S0tLVbM12ydGYsioqq+V4XJGqakaur2D7VLhtmmaRTyJVHWXDX1syfl0IzYn3Mk0hcSKfUdVnEfPU8Xp87sFWEDCt0fBx23oxS0oeWwl2Pbv5qJq5W69O6l+VaLGEsfHxxcWFtyGSQYHB/V5/v77b7feZqpE7V9QiajE5jJp9AmbFBm4sbGhuOT9NInx8ePHN7m8kTLJ1dVVjwszWeBSB/VNvqA+uYojDBIJmxRFJI8Nc592GpX7ff369Zei0NO8V867bYL4Xwvo6tLTFAlPTk5eM1tNBq6vr09MTFDXSNh0DAwMqGkuLi6qI1fjS+ShDaWow6nM81fdUDaoEpVnPmugMyCk2KtMuOq+4M9nUx0dKkjFqVCmqiHhu/CC+KC2aHsujY6OSid1An91yF7vMDk5qaQ0Ho+fnZ1ls9laFlLYfFSVqKT3lxJa20hfhwm7NHeNlzdTcSplZmZGxbHHIRK+F5JBCZsND9b+ZLtOiwysmLH5gii6tramJDaRSCgkptNpZ7Mmm9HS/i/yQU9WHqtwJA9fMDSid5ibm9Nnvry8VHFSMZ/P26ivM3vGylLos42Gx0uoOObHIOH7onb5xx9/eD/HNqHoLEPN9E3Olal9K5CqxzU/P69cMZPJKCrqjgVGx3kZqGhm07Jfc8SRUXo3aW+z0lScreGwL2jh3aa5Kn21lR+0ECR8d3pLNLieSqj1S0jbsNCssLgk3rAzpnez3eyHhoZsbaEFQ6c4zkAgYdDTY2eBfB2oZ1mBhVwCAAkBkBAAkBAACQEACQGQEACQEAAJWwg7bU0VBhabqeuDdRstPGPm8fGxUCjUsisu+NJAawDO5PLaL5uDhG9GPp8/ODg4Pz9vK602YiVbcJBsNnE8k8k4q65sXisS1q8O2kobjX0vQaOEttLuIR67J9MnfGPYWBYq6O7unp2djUQiSFgnVldX32QfJPAHoVDIdtBq0dX97a3Yly0Wi1dXV6lUym27287OTnUVLi8v0+m0LYRTojI2NqY+A5e/bOqY0NGhXsb19bVdDEMVNzg4qIpT7uO2u0dvb6+eMz4+3rpD5S3ZJ+zq6pqenp6amnIzSpWXy+Xkqjru1olXJa2vr3NKo/mxAU+7EobqcWRkRBUn057WtbPOuNXH5Fp4dNT715dv5WNldlKRvRha4ghbXk22kN8HpvmtT1gLdpmu8qMml4BuxYqr+BMJAQAJAZAQAJAQAAkBAAkBkBDgvQjagpgOH1cki5talPLJMUGoRN9KaFdocCq1fPUnNDMPDw/lF2YLwj78vpWw/Hpm0i+dTjNjplUktGn39ucrrzOFhA1OR/v7+x0Jk8lkNpuliTc/dj22p5WIhC1JKBTq6+uz+8pwjo+Pa7nYLTSQYrEYj8eddFQGqhLpE7Yw4XC4/Crq3759sw1poGk5PT09OztzctHp6ekgXIXbzxJ2d3fPzMw41/fU8fXLly/ykBGaJkSVIv12d3edhdrKYiShKhEJW5uRkZFoNOoMk6rH/88//xwdHammUbF59FN1xGKxra0tVZDTG1xcXGzRjZt+efzC923xx48ff/7558XFhfOIYqPkjEQiw8PDQRh8a1rURc/lcjc3N4qBunVioAxUDPz9998bfpVyJHwzksnk58+fr6+vyx9UBSvV6enpCULC05zY3s26rdgrSD15GRiEIZkASShSqdTOzs7JyQlNv8mZn59fW1sbHBwMzlduD07XKJPJnJ+fx+Nx20QImo1wOLywsKBENGj7WbYHanzi4eFBfQ/bt1uxUd1FptE0FnXI+/r6pJ966aOjo+qlB7CL3hWob9vR0aGaVq2rH9jV1aVbdUh+/vxpm+ehRN2wH1y+qU8+MDAwNjamfmBgN3RuZ6QeoMGxgZ8AAAkBkBAAkBAACQEACQGQEACQEAAJAQAJAZAQAJAQAAkBAAkBkBAAkBAACQEACQGQEACQEAAJAQAJAZAQAJAQAAkBAAkBkBAAkBAACQEACQGQEACQEAAJAQAJAZAQAJAQAAkBAAkBkBAAkBAACQEACQGQEACQEAAJAQAJAZAQAJAQAAkBAAkBkBAAkBAACQEACQGQEACQEAAJAQAJAZqK/xNgACau4FgVfBI/AAAAAElFTkSuQmCC\"","import {\r\n MENU_ITEMS,\r\n MENU_SET_CLASSNAMES,\r\n MENU_CONTAINER_ADD_CLASSNAME,\r\n MENU_CLICK_MOBILE_MENU,\r\n MENU_CHANGE_DEFAULT_CLASSES,\r\n MENU_CHANGE_HAS_SUB_ITEM_STATUS\r\n} from '../actions';\r\n\r\nexport const setMenuItems = (payload, isStoredMenu) => {\r\n const items = isStoredMenu ? payload : [];\r\n if (!isStoredMenu) {\r\n let top = payload;\r\n \r\n top.forEach(e => {\r\n let subs = [];\r\n if (e.subs) e.subs.forEach(s => {\r\n subs.push({\r\n id: s.id,\r\n icon: s.icon,\r\n label: s.label,\r\n labelEn: s.labelEn || s.label,\r\n to: \"/app/\" + s.id,\r\n desc: s.desc,\r\n subs: s.subs,\r\n hidden: s.hidden,\r\n configFields: s.configFields,\r\n setupMsg: s.setupMsg,\r\n ai: s.ai\r\n });\r\n });\r\n\r\n items.push({\r\n id: e.id,\r\n icon: e.icon,\r\n name: e.name,\r\n label: e.name,\r\n labelEn: e.nameEn || e.name,\r\n to: \"/app/\" + e.id,\r\n subs: subs,\r\n hidden: e.hidden,\r\n setupMsg: e.setupMsg,\r\n ai: e.ai\r\n });\r\n });\r\n\r\n localStorage.setItem('menu_items', JSON.stringify(items));\r\n }\r\n \r\n return (\r\n {\r\n type: MENU_ITEMS,\r\n payload: items\r\n }\r\n );\r\n}\r\n\r\nexport const changeSelectedMenuHasSubItems = (payload) => {\r\n return (\r\n {\r\n type: MENU_CHANGE_HAS_SUB_ITEM_STATUS,\r\n payload: payload\r\n }\r\n )\r\n}\r\n\r\nexport const changeDefaultClassnames = (strCurrentClasses) => {\r\n return (\r\n {\r\n type: MENU_CHANGE_DEFAULT_CLASSES,\r\n payload: strCurrentClasses\r\n }\r\n )\r\n}\r\n\r\nexport const addContainerClassname = (classname, strCurrentClasses) => {\r\n const newClasses = !strCurrentClasses.indexOf(classname) > -1 ? strCurrentClasses + ' ' + classname : strCurrentClasses;\r\n return (\r\n {\r\n type: MENU_CONTAINER_ADD_CLASSNAME,\r\n payload: newClasses\r\n }\r\n )\r\n}\r\n\r\nexport const clickOnMobileMenu = (strCurrentClasses) => {\r\n const currentClasses = strCurrentClasses ? strCurrentClasses.split(' ').filter(x => x !== '' && x !== 'sub-show-temporary') : '';\r\n let nextClasses = '';\r\n if (currentClasses.includes('main-show-temporary')) {\r\n nextClasses = (currentClasses.filter(x => x !== 'main-show-temporary')).join(' ');\r\n } else {\r\n nextClasses = currentClasses.join(' ') + ' main-show-temporary';\r\n }\r\n return (\r\n {\r\n type: MENU_CLICK_MOBILE_MENU,\r\n payload: { containerClassnames: nextClasses, menuClickCount: 0 }\r\n }\r\n )\r\n}\r\n\r\nexport const setContainerClassnames = (clickIndex, strCurrentClasses, selectedMenuHasSubItems) => {\r\n const currentClasses = strCurrentClasses ? strCurrentClasses.split(' ').filter(x => x !== '') : '';\r\n let nextClasses = '';\r\n if (!selectedMenuHasSubItems) {\r\n if (currentClasses.includes(\"menu-default\") && (clickIndex % 4 === 0 || clickIndex % 4 === 3)) {\r\n clickIndex = 1;\r\n }\r\n if (currentClasses.includes(\"menu-sub-hidden\") && (clickIndex % 4 === 2)) {\r\n clickIndex = 0;\r\n }\r\n if (currentClasses.includes(\"menu-hidden\") && (clickIndex % 4 === 2 || clickIndex % 4 === 3)) {\r\n clickIndex = 0;\r\n }\r\n\r\n }\r\n\r\n\r\n\r\n if (clickIndex % 4 === 0) {\r\n if (currentClasses.includes('menu-default') && currentClasses.includes('menu-sub-hidden')) {\r\n nextClasses = 'menu-default menu-sub-hidden';\r\n } else if (currentClasses.includes('menu-default')) {\r\n nextClasses = 'menu-default';\r\n } else if (currentClasses.includes('menu-sub-hidden')) {\r\n nextClasses = 'menu-sub-hidden';\r\n } else if (currentClasses.includes('menu-hidden')) {\r\n nextClasses = 'menu-hidden';\r\n }\r\n clickIndex = 0;\r\n } else if (clickIndex % 4 === 1) {\r\n if (currentClasses.includes('menu-default') && currentClasses.includes('menu-sub-hidden')) {\r\n nextClasses = 'menu-default menu-sub-hidden main-hidden sub-hidden';\r\n } else if (currentClasses.includes('menu-default')) {\r\n nextClasses = 'menu-default sub-hidden';\r\n } else if (currentClasses.includes('menu-sub-hidden')) {\r\n nextClasses = 'menu-sub-hidden main-hidden sub-hidden';\r\n } else if (currentClasses.includes('menu-hidden')) {\r\n nextClasses = 'menu-hidden main-show-temporary';\r\n }\r\n } else if (clickIndex % 4 === 2) {\r\n if (currentClasses.includes('menu-default') && currentClasses.includes('menu-sub-hidden')) {\r\n nextClasses = 'menu-default menu-sub-hidden sub-hidden';\r\n } else if (currentClasses.includes('menu-default')) {\r\n nextClasses = 'menu-default main-hidden sub-hidden';\r\n } else if (currentClasses.includes('menu-sub-hidden')) {\r\n nextClasses = 'menu-sub-hidden sub-hidden';\r\n } else if (currentClasses.includes('menu-hidden')) {\r\n nextClasses = 'menu-hidden main-show-temporary sub-show-temporary';\r\n }\r\n } else if (clickIndex % 4 === 3) {\r\n if (currentClasses.includes('menu-default') && currentClasses.includes('menu-sub-hidden')) {\r\n nextClasses = 'menu-default menu-sub-hidden sub-show-temporary';\r\n } else if (currentClasses.includes('menu-default')) {\r\n nextClasses = 'menu-default sub-hidden';\r\n } else if (currentClasses.includes('menu-sub-hidden')) {\r\n nextClasses = 'menu-sub-hidden sub-show-temporary';\r\n } else if (currentClasses.includes('menu-hidden')) {\r\n nextClasses = 'menu-hidden main-show-temporary';\r\n }\r\n }\r\n if (currentClasses.includes('menu-mobile')) {\r\n nextClasses += ' menu-mobile';\r\n }\r\n return (\r\n {\r\n type: MENU_SET_CLASSNAMES,\r\n payload: { containerClassnames: nextClasses, menuClickCount: clickIndex }\r\n }\r\n )\r\n}","import {\r\n CHANGE_LOCALE,\r\n TENANTS,\r\n CURRENT_TENANT,\r\n LOADER\r\n} from '../actions';\r\n\r\nexport const changeLocale = (locale) => {\r\n localStorage.setItem('__current_locale', locale);\r\n document.documentElement.lang = locale;\r\n return (\r\n {\r\n type: CHANGE_LOCALE,\r\n payload: locale\r\n }\r\n )\r\n}\r\n\r\nexport const setTenants = (payload) => {\r\n localStorage.setItem('tenants', JSON.stringify(payload));\r\n return (\r\n {\r\n type: TENANTS,\r\n payload: payload\r\n }\r\n )\r\n}\r\n\r\nexport const setCurrentTenant = (payload) => {\r\n localStorage.setItem('current_tenant', JSON.stringify(payload));\r\n return (\r\n {\r\n type: CURRENT_TENANT,\r\n payload: payload\r\n }\r\n )\r\n}\r\n\r\nexport const setLoader = (payload) => {\r\n return (\r\n {\r\n type: LOADER,\r\n payload: payload\r\n }\r\n )\r\n}\r\n\r\n","import {\r\n DEEPLINK,\r\n PARAMS,\r\n MODALS\r\n } from '../actions';\r\n \r\n export const setDeeplink = (payload, history) => {\r\n let params = \"\"\r\n if (payload) {\r\n if (payload.type === 0) params = \"?deepLink=\" + btoa(JSON.stringify(payload))\r\n if (payload.type === 0 || payload.type === 1) history.push(payload.module + params)\r\n }\r\n \r\n return (\r\n {\r\n type: DEEPLINK,\r\n payload: payload\r\n }\r\n )\r\n }\r\n\r\n export const setParams = (payload) => {\r\n return (\r\n {\r\n type: PARAMS,\r\n payload: payload\r\n }\r\n )\r\n }\r\n\r\n export const setModals = (payload) => {\r\n return (\r\n {\r\n type: MODALS,\r\n payload: payload\r\n }\r\n )\r\n }","/* SETTINGS */\r\nexport const CHANGE_LOCALE = \"CHANGE_LOCALE\";\r\nexport const TENANTS = \"TENANTS\"\r\nexport const CURRENT_TENANT = \"CURRENT_TENANT\"\r\nexport const LOADER = \"LOADER\";\r\n\r\n/* AUTH */\r\nexport const LOGIN_USER = \"LOGIN_USER\";\r\nexport const LOGOUT_USER = \"LOGOUT_USER\";\r\n\r\n/* MENU */\r\nexport const MENU_ITEMS = \"MENU_ITEMS\";\r\nexport const MENU_SET_CLASSNAMES = \"MENU_SET_CLASSNAMES\";\r\nexport const MENU_CONTAINER_ADD_CLASSNAME = \"MENU_CONTAINER_ADD_CLASSNAME\";\r\nexport const MENU_CLICK_MOBILE_MENU = \"MENU_CLICK_MOBILE_MENU\";\r\nexport const MENU_CHANGE_DEFAULT_CLASSES = \"MENU_CHANGE_DEFAULT_CLASSES\";\r\nexport const MENU_CHANGE_HAS_SUB_ITEM_STATUS = \"MENU_CHANGE_HAS_SUB_ITEM_STATUS\";\r\n\r\n/* UTILS */\r\nexport const DEEPLINK = \"DEEPLINK\";\r\nexport const PARAMS = \"PARAMS\";\r\nexport const MODALS = \"MODALS\";\r\n\r\nexport * from \"./menu/actions\";\r\nexport * from \"./settings/actions\";\r\nexport * from \"./auth/actions\";\r\nexport * from \"./utils/actions\";\r\n","import {\r\n LOGIN_USER,\r\n LOGOUT_USER\r\n} from '../actions';\r\nimport { authType, authParams } from \"../../config/defaultValues\";\r\n\r\n\r\nexport const loginUser = (user, history, redirect = true) => {\r\n localStorage.setItem('user_admin', JSON.stringify(user));\r\n global.user = user;\r\n if (redirect) setTimeout(() => { history.push('/'); }, 500)\r\n return (\r\n {\r\n type: LOGIN_USER,\r\n payload: user\r\n }\r\n )\r\n}\r\n\r\nexport const logoutUser = (history) => {\r\n if (authType === 2) window.location.href = authParams.Path + '/auth/core/connect/endsession?id_token_hint=' + localStorage.getItem('id_token') + '&post_logout_redirect_uri=' + document.location.origin;\r\n\r\n let keys = Object.keys(localStorage);\r\n let items = keys.filter(e => ['__theme_color', '__current_locale', 'countryCode'].indexOf(e) === -1)\r\n items.forEach(item => localStorage.removeItem(item))\r\n\r\n return (\r\n {\r\n type: LOGOUT_USER,\r\n payload: { history }\r\n }\r\n )\r\n}","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\n\r\nclass Notification extends React.Component {\r\n static propTypes = {\r\n type: PropTypes.oneOf(['info', 'success', 'warning', 'error', \"primary\", \"secondary\"]),\r\n title: PropTypes.node,\r\n message: PropTypes.node.isRequired,\r\n timeOut: PropTypes.number,\r\n onClick: PropTypes.func,\r\n onRequestHide: PropTypes.func,\r\n customClassName: PropTypes.string,\r\n };\r\n\r\n static defaultProps = {\r\n type: 'info',\r\n title: null,\r\n message: null,\r\n timeOut: 5000,\r\n onClick: () => {\r\n },\r\n onRequestHide: () => {\r\n },\r\n customClassName:\"\"\r\n };\r\n\r\n componentDidMount = () => {\r\n const { timeOut } = this.props;\r\n if (timeOut !== 0) {\r\n this.timer = setTimeout(this.requestHide, timeOut);\r\n }\r\n };\r\n\r\n componentWillUnmount = () => {\r\n if (this.timer) {\r\n clearTimeout(this.timer);\r\n }\r\n };\r\n\r\n handleClick = () => {\r\n const { onClick } = this.props;\r\n if (onClick) {\r\n onClick();\r\n }\r\n this.requestHide();\r\n };\r\n\r\n requestHide = () => {\r\n const { onRequestHide } = this.props;\r\n if (onRequestHide) {\r\n onRequestHide();\r\n }\r\n };\r\n\r\n render() {\r\n const { type, message } = this.props;\r\n let { title } = this.props;\r\n const className = classnames(['notification', `notification-${type}`, this.props.customClassName]);\r\n title = title ? ({progressBar &&
\r\n }
{L[title]?? title}
}\r\n {(this.props.currentPage === -1 || (!progressBar && data.length > 0)) &&\r\n\r\n {/* customMsg || (data.length === 0 && !progressBar ? `${L[\"main.noRecords\"]}` : `${L[\"main.showing\"]} ${data.length}`) */}\r\n {customMsg || (\r\n data.length === 0 && !progressBar \r\n ? msgNoRecords?? `${L[\"main.noRecords\"]}`\r\n : rowCount === -1 && !progressBar\r\n ?
\r\n }\r\n {`${data.length} ${L[\"main.records\"]}`} { this.handleOnChangePagination(-1) }}>[Total]
\r\n : data.length >= 0 && progressBar\r\n ? L[\"main.loading\"]\r\n : {`${replaceWords(L[\"main.paginationDetail\"], {\"{0}\":data.length, \"{1}\":rowCount, \"{2}\":currentPage, \"{3}\":pageCount })}`}
\r\n )}\r\n {title}
) : null;\r\n return (\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Notification;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { CSSTransitionGroup } from 'react-transition-group';\r\nimport classnames from 'classnames';\r\nimport Notification from './Notification';\r\n\r\nclass Notifications extends React.Component {\r\n static propTypes = {\r\n notifications: PropTypes.array.isRequired,\r\n onRequestHide: PropTypes.func,\r\n enterTimeout: PropTypes.number,\r\n leaveTimeout: PropTypes.number\r\n };\r\n\r\n static defaultProps = {\r\n notifications: [],\r\n onRequestHide: () => {\r\n },\r\n enterTimeout: 400,\r\n leaveTimeout: 400\r\n };\r\n\r\n handleRequestHide = notification => () => {\r\n const { onRequestHide } = this.props;\r\n if (onRequestHide) {\r\n onRequestHide(notification);\r\n }\r\n };\r\n\r\n render() {\r\n const { notifications, enterTimeout, leaveTimeout } = this.props;\r\n const className = classnames('notification-container', {\r\n 'notification-container-empty': notifications.length === 0\r\n });\r\n return (\r\n \r\n {title}\r\n
\r\n {message}
\r\n \r\n \r\n {notifications.map((notification) => {\r\n const key = notification.id || new Date().getTime();\r\n return (\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Notifications;\r\n","import React from 'react';\r\nimport { Col } from 'reactstrap';\r\nconst Colxx = (props) => (\r\n \r\n { locale === 'es' ? this.view.label : this.view.labelEn }\r\n {this.state.data.length > 0 && { this.getEvalConcept() }}>}\r\n
\r\n\r\n {/* PRINT */}\r\n \r\n\r\n {/* EXCEL */}\r\n \r\n \r\n {/* ACCIONES EXTRA */}\r\n {this.state.ready && this.view.extras && this.view.extras.items && this.view.extras.items.length > 1 &&\r\n { this.calcularPorSeccion() }}\r\n >\r\n Calcular CPROM\r\n \r\n /* El boton solo se muestra para un usuario del entorno de producción */\r\n }\r\n
\r\n \r\n \r\n
\r\n }\r\n\r\n {this.state.isBehavior && this.props.userAdmin.ID === 18163 && }\r\n
(this.componentRef = el)}>\r\n {/* header only for printing */}\r\n
\r\n }\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n ![\"logo\"](\"https://jdblob.blob.core.windows.net/img/comp/santamaria.jpg\"/) Reporte de notas | \r\n |||
| \r\n \r\n | \r\n|||
| \r\n Periodo: {this.state.labelperiodId}\r\n | \r\n\r\n Grado/Sección: {this.state.labelsuperSectionId + ' ' + this.state.labelsectionId}\r\n | \r\n\r\n Curso: {this.state.labelactivityId}\r\n | \r\n\r\n Profesor: { this.state.labelmasterId || this.state.master || '-' }\r\n | \r\n
| \r\n \r\n | \r\n
\r\n
\r\n\r\n {/* Scroll X */}\r\n \r\n
\r\n\r\n \r\n
\r\n {/* autocomplete label */}\r\n \r\n {/*
\r\n Alumno
*/}\r\n \r\n 
{e.target.onerror = null; e.target.src=require(\"../../../../assets/img/user.png\")}} alt=\"\"/>\r\n
\r\n Profesor(a): {this.state.master}
\r\n \r\n
\r\n {/* Stundents */}\r\n {this.state.data.map((i, index) => {\r\n return (\r\n Auto completar notas faltantes con:
\r\n \r\n
\r\n )})\r\n }\r\n \r\n 
{e.target.onerror = null; e.target.src=require(\"../../../../assets/img/user.png\")}} alt=\"\"/>\r\n
\r\n {i.name}
\r\n \r\n \r\n
\r\n \r\n \r\n this.scrollX(1)}\r\n active={this.state.selectedArrow === 1}\r\n >\r\n \r\n \r\n this.scrollX(2)}\r\n active={this.state.selectedArrow === 2}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n {!hideButton && }\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ settings }) => {\r\n const { locale } = settings\r\n return { locale };\r\n};\r\n\r\nexport default connect(mapStateToProps)(ExportTo);","import React, { Component } from \"react\";\r\nimport { setLoader } from \"../../redux/actions\";\r\nimport {\r\n Form,\r\n FormGroup,\r\n Button,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n Collapse,\r\n Card,\r\n CardBody,\r\n Nav,\r\n NavItem,\r\n NavLink,\r\n TabContent,\r\n TabPane\r\n} from \"reactstrap\";\r\nimport CustomModal from \"./CustomModal\";\r\nimport { connect } from \"react-redux\";\r\nimport { Colxx } from \"../../components/common/CustomBootstrap\";\r\nimport Field from \"../../components/utils/Field\";\r\nimport FormSmart from \"../../components/utils/FormSmart\";\r\nimport SimpleReactValidator from 'simple-react-validator';\r\nimport CrudGrid from \"../../views/app/modules/crudGrid\";\r\nimport es from 'simple-react-validator/dist/locale/es';\r\nimport { Wizard, Steps, Step } from 'react-albus';\r\nimport TopNavigation from '../../components/utils/wizard/TopNavigation';\r\nimport AppLocale from \"../../config/lang\";\r\nimport { cloneDeep } from \"lodash\"\r\nimport AiAssist from \"./AiAssist\";\r\n\r\nclass FormCustom extends Component {\r\n constructor(props) {\r\n // console.log(props)\r\n super(props);\r\n SimpleReactValidator.addLocale('es', es)\r\n this.validator = new SimpleReactValidator(\r\n {\r\n locale: this.props.locale,\r\n validators: {\r\n ext: {\r\n message: 'Solo se permiten los siguientes tipos de archivos: :values.',\r\n rule: (val, params, validator) => {\r\n if (Array.isArray(val)) {\r\n const file = val[0].ext.toLowerCase()\r\n return params.indexOf(file) > -1\r\n } else return true // si es solo un string (nombre de la imagen sin extensión)\r\n },\r\n messageReplace: (message, params) => {\r\n return message.replace(':values', params.join()) // optional\r\n }\r\n }\r\n },\r\n messages: {\r\n required: this.props.locale === 'en' ? 'The :attribute field is required.' : 'El campo :attribute es requerido.',\r\n email: this.props.locale === 'en' ? 'The :attribute must be a valid email address.' : 'El campo :attribute no es un correo válido',\r\n max: this.props.locale === 'en' ? 'The :attribute may not be greater than :max characters.' : ':attribute no debe ser mayor a :max caracteres.',\r\n min: this.props.locale === 'en' ? 'The :attribute must be at least :min characters.' : ':attribute no debe ser menor a :min caracteres.'\r\n }\r\n }\r\n );\r\n\r\n this.validator.helpers.humanizeFieldName = function humanizeFieldName(field) {\r\n // supports snake_case or camelCase\r\n return field.replace(/([A-Z])/g, ' $1').replace(/_/g, ' ');\r\n }\r\n\r\n this.validator.helpers.message = function (rule, field, options, rules) {\r\n options.messages = options.messages || {};\r\n var message = options.messages[rule] || options.messages.default || this.parent.messages[rule] || this.parent.messages.default || rules[rule].message;\r\n return message.replace(':attribute', this.humanizeFieldName(field.split(\"_\")[1]?? field));\r\n }\r\n\r\n this.validateForm = this.validateForm.bind(this)\r\n \r\n var s = {}\r\n\r\n if (props.flags) s.flags = props.flags\r\n\r\n if (props.edit) s.edit = props.edit\r\n\r\n if (props.subforms?.length > 0) {\r\n if (!s.flags) s.flags = {}\r\n props.subforms.forEach((e, i) => {\r\n s.flags['subformOpen' + i] = false\r\n });\r\n }\r\n\r\n if (props.subGrids?.length > 0) {\r\n if (!s.flags) s.flags = {}\r\n props.subGrids.forEach((e, i) => {\r\n s.flags['subGridOpen' + i] = false\r\n });\r\n }\r\n\r\n if (props.fields?.length > 0) {\r\n let c = props.fields.filter(e => e.type === 'collapsible')\r\n if (c.length > 0) {\r\n if (!s.flags) s.flags = {}\r\n c.forEach(e => {\r\n s.flags[e.name] = e.value\r\n e.childs.forEach(ee => s[ee.name] = ee.value);\r\n });\r\n }\r\n\r\n let w = props.fields.find(e => e.type === 'wizard')\r\n if (w) {\r\n if (!s.flags) s.flags = {}\r\n s.flags.currentStepId = w.steps.length > 0 ? w.steps.filter(step => step.renderIf ? step.renderIf() : true)[0].id : null\r\n s.flags.currentStepIndex = 0\r\n s.flags.stepsLength = w.steps?.filter(step => step.renderIf ? step.renderIf() : true)\r\n s.flags.bottomNavHidden = false\r\n s.flags.topNavDisabled = false\r\n w.steps.forEach(step => {\r\n step.fields.forEach(field => {\r\n s[field.name] = field.value\r\n if (field.childs) field.childs.forEach(c => { s[c.name] = c.value })\r\n })\r\n });\r\n }\r\n\r\n let t = props.fields.find(e => e.type === 'tabs')\r\n if (t) {\r\n if (!s.flags) s.flags = {}\r\n s.flags.activeTab = t.value?? (t.tabs.length > 0 ? t.tabs[0].id : \"\")\r\n t.tabs.forEach(tab => {\r\n tab.fields.forEach(field => {\r\n s[field.name] = field.value\r\n })\r\n });\r\n }\r\n }\r\n\r\n if (props.fields) props.fields.forEach(e => { if(['tabs', 'collapsible', 'wizard', 'separator'].indexOf(e.type) === -1) s[e.name] = e.value })\r\n \r\n s.selectedField = null\r\n this.state = s\r\n this.defaultValuesForm = cloneDeep(this.state)\r\n\r\n this.wizardRef = React.createRef()\r\n this.aiAssistRef = React.createRef()\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.listenStates) this.props.listenStates(this.state)\r\n if (this.props.validate) this.props.validate(this.validateForm)\r\n if (this.props.validateFor) this.props.validateFor(this.validateFor)\r\n if (this.props.nextStep) this.props.nextStep(this.nextStep)\r\n if (this.props.resetForm) this.props.resetForm(this.resetForm)\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (this.props.didUpdateStates) {\r\n const { fields } = this.props\r\n const { fields: prevFields } = prevProps\r\n if (fields !== prevFields) {\r\n fields.forEach(field => {\r\n if(['tabs', 'collapsible', 'wizard', 'separator'].indexOf(field.type) === -1) this.setState({ [field.name]: field.value })\r\n if (field.type === 'wizard') {\r\n field.steps.forEach(step => {\r\n step.fields.forEach(f => {\r\n this.setState({ [f.name]: f.value })\r\n })\r\n })\r\n }\r\n })\r\n }\r\n }\r\n \r\n if (this.state !== prevState) {\r\n if (this.props.listenStates) this.props.listenStates(this.state)\r\n }\r\n\r\n if (!this.state.edit) {\r\n // si exiten fields que dependen de otros\r\n let flatFields = cloneDeep(this.props.fields)\r\n let wizard = flatFields.find(f => f.type === \"wizard\")\r\n if (wizard) {\r\n wizard.steps.forEach(step => {\r\n flatFields = flatFields.concat(step.fields)\r\n })\r\n }\r\n\r\n flatFields.filter(e => e.parent).forEach((ee) => {\r\n if (prevState[ee.parent] !== this.state[ee.parent]) this.setState({ [ee.name]: null })\r\n })\r\n }\r\n\r\n if (this.state.edit) {\r\n setTimeout(() => { this.setState({edit: false}) }, 500)\r\n }\r\n }\r\n\r\n resetForm = () => {\r\n this.setState(this.defaultValuesForm)\r\n }\r\n\r\n labelForValidator = (f, L) => {\r\n return `${f.name}_${typeof f.label === 'function' ? f.label(L, this.state) : L[f.label]?? f.label?? ''}`\r\n }\r\n\r\n btnAction(action) {\r\n if (this.props.listenBtnActions) this.props.listenBtnActions(action, this.state)\r\n }\r\n\r\n showTooltip(field) {\r\n if (this.props.listenBtnActions) this.props.listenBtnActions('tooltip', field); // when used from FormCustom\r\n if (this.props.onTooltip) this.props.onTooltip(field); // when used from FormSmart\r\n }\r\n\r\n validateForm = () => {\r\n return new Promise((resolve, reject) => {\r\n const wizard = this.props.fields.find(f => f.type === \"wizard\")\r\n if (this.validator.allValid() && !wizard) {\r\n resolve(true)\r\n } else {\r\n // console.log(this.validator)\r\n this.validator.showMessages();\r\n this.forceUpdate();\r\n \r\n const { locale } = this.props\r\n const L = AppLocale[locale].messages\r\n \r\n // open collapsible if fields have invalid data\r\n let collapsibles = this.props.fields.filter(f => f.type === \"collapsible\")\r\n for(const c of collapsibles) {\r\n let m = c.childs.find(f => this.validator.fields[this.labelForValidator(f, L)] === false)\r\n if (m) {\r\n this.toggleCollapsible(c.name, true)\r\n break\r\n }\r\n }\r\n \r\n // scroll and focus in input required\r\n let fields = this.props.fields\r\n fields = fields.concat(this.props.fields.flatMap(f => f.childs || [])) // for collapsibles fields\r\n fields = fields.concat(this.props.fields.flatMap(w => w.steps || []).flatMap(f => f.fields || [])) // for step fields\r\n let field = fields.find(f => this.validator.fields[this.labelForValidator(f, L)] === false)\r\n if (field) {\r\n const id = field.id?? `${this.props.id}-${field.name}`\r\n const fieldId = document.getElementById(id)\r\n if (fieldId) {\r\n fieldId.scrollIntoView()\r\n fieldId.focus()\r\n }\r\n }\r\n\r\n // validate by step\r\n if (wizard) {\r\n let fieldsCurrentStep = wizard.steps.find(s => s.id === this.wizardRef.current.state.step.id).fields\r\n const invalidStep = fieldsCurrentStep.some(f => this.validator.fields[`${f.name}_${L[f.label]?? f.label}`] === false)\r\n if (invalidStep) reject(false)\r\n else {\r\n if (wizard.saveByStep || this.props.edit) resolve(true)\r\n else {\r\n if ((this.wizardRef.current.state.steps.length - 1) === this.state.flags.currentStepIndex) resolve(true)\r\n else this.nextStep()\r\n }\r\n }\r\n }\r\n\r\n reject(false)\r\n }\r\n })\r\n }\r\n\r\n validateFor = (fieldName, requiredFields) => {\r\n return new Promise((resolve, reject) => {\r\n const { locale } = this.props\r\n const L = AppLocale[locale].messages\r\n const keysValues = {}\r\n let scrollToField = null\r\n this.validator.visibleFields = []\r\n this.validator.hideMessages()\r\n this.forceUpdate()\r\n let fields = this.props.fields\r\n fields = fields.concat(this.props.fields.flatMap(f => f.childs || [])) // for collapsibles fields\r\n fields = fields.concat(this.props.fields.flatMap(w => w.steps || []).flatMap(f => f.fields || [])) // for step fields\r\n const field = fields.find(f => f.name === fieldName)\r\n if (field) this.validator.hideMessageFor(`${field.name}_${L[field.label]}`)\r\n\r\n if (!requiredFields || requiredFields.length === 0) resolve({})\r\n\r\n requiredFields.forEach(r => {\r\n const field = fields.find(f => f.name === r)\r\n if (field) {\r\n const name = this.labelForValidator(field, L)\r\n this.validator.message(name, this.state[field.name], field.rules?? 'required')\r\n this.forceUpdate()\r\n if (!this.validator.fieldValid(name)) {\r\n const id = field.id?? `${this.props.id}-${field.name}`\r\n if(!scrollToField) scrollToField = id\r\n this.validator.showMessageFor(name)\r\n this.forceUpdate()\r\n } else {\r\n Object.assign(keysValues, { [field.name]: this.state[field.name] })\r\n }\r\n }\r\n })\r\n\r\n const fieldId = document.getElementById(scrollToField)\r\n if (fieldId) {\r\n fieldId.scrollIntoView()\r\n fieldId.focus()\r\n }\r\n \r\n if (Object.keys(keysValues).length === requiredFields.length) resolve(keysValues)\r\n else reject(keysValues)\r\n })\r\n }\r\n\r\n toogleSubForm = (index) => {\r\n let flags = { ...this.state.flags }\r\n flags['subformOpen' + index] = !flags['subformOpen' + index]\r\n this.setState({ flags }, () => {\r\n if (this.props.subforms[index].listenToogleSubform) this.props.subforms[index].listenToogleSubform(flags['subformOpen' + index])\r\n })\r\n }\r\n\r\n toogleSubGrid(index) {\r\n let flags = { ...this.state.flags }\r\n flags['subGridOpen' + index] = !flags['subGridOpen' + index]\r\n this.setState({ flags })\r\n }\r\n\r\n toggleCollapsible(collapsible, open) {\r\n const prevState = this.state.flags;\r\n this.props.fields.forEach(e => { if (e.type === 'collapsible' && e.name !== collapsible) prevState[e.name] = false });\r\n prevState[collapsible] = open || !prevState[collapsible]\r\n this.setState({ flags: prevState });\r\n }\r\n\r\n // Wizard ------------------------------\r\n setCurrentStep = (index, id) => {\r\n let flags = this.state.flags\r\n flags.currentStepIndex = index\r\n flags.currentStepId = id\r\n this.setState({flags: flags}, () => {\r\n const w = this.props.fields.find(e => e.type === 'wizard')\r\n if (w.onChange) w.onChange(id)\r\n })\r\n }\r\n\r\n nextStep = () => {\r\n return new Promise((resolve, reject) => {\r\n if (!this.wizardRef?.current) {\r\n return reject(new Error(\"wizardRef.current is not available\"))\r\n }\r\n\r\n this.wizardRef.current.next()\r\n this.validator.hideMessages()\r\n \r\n process.nextTick(() => {\r\n try {\r\n const currentStepId = this.wizardRef.current.state.step.id\r\n const currentStepIndex = this.wizardRef.current.state.steps.findIndex(s => s.id === currentStepId)\r\n this.setCurrentStep(currentStepIndex, currentStepId)\r\n resolve({index: currentStepIndex, id: currentStepId})\r\n } catch (error) {\r\n reject(error)\r\n }\r\n })\r\n })\r\n }\r\n\r\n topNavClick = (stepItem, push) => {\r\n this.validator.hideMessages()\r\n const currentStepIndex = this.wizardRef.current.state.steps.findIndex(s => s.id === stepItem.id)\r\n this.setCurrentStep(currentStepIndex, stepItem.id)\r\n if (this.state.flags.topNavDisabled) return\r\n push(stepItem.id)\r\n }\r\n // End Wizard ------------------------------\r\n\r\n createButtons = (wrapButtonsWithDiv, buttons, L) => {\r\n return buttons.map(b => {\r\n const btn = \r\n {this.state.data.length > 0 && this.props.to !== 'excel' &&\r\n (this.componentRef = el)}>\r\n \r\n
\r\n }\r\n
\r\n \r\n ![\"logo\"](\"https://jdblob.blob.core.windows.net/img/comp/santamaria.jpg\") \r\n Nombre reporte: {this.props.filename}\r\n | \r\n
| \r\n Filtro 1: Valor filtro 1, Filtro 2: Valor filtro 2,Filtro 3: Valor filtro 3\r\n | \r\n
| \r\n \r\n | \r\n
| {L[c.Header]?? c.Header} | \r\n )\r\n })}\r\n
|---|
| {e[name]} | \r\n })}\r\n
{btn}
: \r\n {(p.fields || p.buttons) &&\r\n \r\n }\r\n\r\n {detailGrid && (detailGrid.renderIf ? detailGrid.renderIf(this) : true) &&\r\n { this.toogleSubForm(i) }}\r\n backdrop={'static'}\r\n wrapClassName={'modal-right'}\r\n size={sf.size?? 'lg'}\r\n key={i}\r\n >\r\n { this.toogleSubForm(i) }}>\r\n {L[sf.name]?? sf.name}\r\n \r\n \r\n {(sf.fields || sf.buttons) &&\r\n { if (sf.autoClose) this.toogleSubForm(i); sf.onSuccess(s) } : () => { }}\r\n onError={sf.onError ? (e) => { sf.onError(e) } : () => { }}\r\n remap={sf.remap}\r\n wrapClassName={sf.wrapClassName}\r\n />\r\n }\r\n\r\n {detailGrid && (detailGrid.renderIf ? detailGrid.renderIf(this) : true) &&\r\n {}}\r\n insideCustomForm={true}\r\n />\r\n }\r\n \r\n \r\n \r\n \r\n \r\n )\r\n })}\r\n\r\n {p.subGrids && p.subGrids.map((g, i) => {\r\n return (\r\n { this.toogleSubGrid(i) }} backdrop={'static'} wrapClassName={'modal-right'} size=\"lg\" key={i}>\r\n { this.toogleSubGrid(i) }}>\r\n {g.name ? g.name(this) : ''}\r\n \r\n \r\n {} }\r\n insideCustomForm={true}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n )\r\n })}\r\n\r\n {this.state.selectedField && }\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ settings }) => {\r\n const { locale } = settings\r\n return { locale }\r\n}\r\n\r\nexport default connect(mapStateToProps, { setLoader })(FormCustom)","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAIAAAD2HxkiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAEltJREFUeNrsnWtTIkkTRkUQpAFB8Lbz/3/brhcEARUEHN/n7YwlJnbGBJGGrupzPmxs7DJDNV2nM7O6LqX5fH4EAIfjmJ8AAAkBkBAAkBAACQEACQGQEACQEAAJAQAJAZAQAJAQAAkBAAkBkBAAkBAACQEACQGQEACQEAAJAQAJAZAQAJAQAAkBAAkBkBAAkBAACQEACQGQEACQEAAJAQAJAZAQAJAQAAkBAAkBkBAAkBAACQEACQGQEACQEAAJAQAJAZAQAJAQAAkBAAkBkBAAkBAACQEACQGQEACQEAAJAQAJAZAQAJAQAAkBAAkBkBAAkBAACQGQEACQEAAJAQAJAZAQAJAQAAkBAAkBkBAAkBAACQFgb1T4CbLj4+Pj7e3t9fX15eVlPp///PlT/yWIlpdKpXK5XK1WG41GkiT6F/0XbmhWv7Y6B7/CzpFvs9lsOBxKvwgup9VqnZ+f12o1VETCMNBPOhgMxuNxVB2lVDpPUYTkFiNhrplOp/f398pCo7w6ZaeXl5fKTrnRSJhTlHze3d0tl8uIr1FJ6fX19enpKbd7VzA6uuMYGLeBQkFel8mzGwlzx2Kx6Pf7+mcRLnY2mz08PLy/v3PfkTAvfHx8PD09KRIWKvEej8ehvHHJObwn3E1kmEwmaz9WLpcrlUopJc/dV21TlFubV49Go0ajwSANEh6enz9/ykC/y8q9ZrNZr9fVZfM/xK8rUsmnJ8vz87NT++l/KR6enJzw8hAJD4z0U2d1PlCr1Xq9niQM6KL0sFCDFehU6Dppti681WrpEUM3oCY8JAoIThhUB724uAjLwBUK3dfX13qIfPaBt7e3goxFIWGuMzd/PKbdbiuehHuBConn5+fO5cc6LQEJQ5LQqZpU/gVt4CoeOsFQkVA/Aj0BCQ+J87pMfTeCekmPEmd+DAYiYS6CodN9Ixg5PD4+dh4l0c8Q2gPRjmupc8xmMyVL7ykfKbv9Cgmmv9kZmSjC2L1+5NvbW4maxc9ryxrFycmJonGsw7CxXZWseH5+fnl5Mf1+pvCszfoHzzoUC1NRNXaz2YxsOVUlpt7w9PSkDsFQQXwJv1BqY9sU6C7Lw06nE42KkUg4Ho+Hw+F8Pmc2Y/RCSkXdaD1tz8/Pz87OkDAXd6Xf70tCol9xsM177u/vVZFeXFwoWUXCg6HMU3dCKUo+A6ANLUTQ6fN5FXrsjkYj9YGrqyuVi+H+vMdBG3h3d/fy8pLbFLRarYb+kF5dSG5Dou1mEPTsuVC7iMr0h4cHxcDctjBJkkCnjP5OvV7Pc/WlbqCEKFwPg5RQechgMMh6ZPw7yVutVlOtEnSO9CvlcrnX6zUajdxm14qHj4+PgS72D3KjJ1UCykA2LMnsFdPehrP1dRY34tsaULnfZDJRd99bX9fT9ktzLS4vL53p5ki4M97e3v755x+/2TbTwl7snp6eSgwWngaKDLQXEjYBw1dRN/3Hjx96CCJhtg/jfr8/HA79WCT3ut0uOy9EZqPuu5IgPw4rB1E8DCsNCawmVBj0d7bWr69i7ObmBgMjY3Vn/UpbCXNwSxxDktDGo50Hoe7T1dVVp9Ohy8aKSgx56MzkVidR7hrWzI2QJFwul86mZnZYQqvVoqfGjUo+JZzOC1hJGNYCq5AknKd89n+TJGm32/TRIqCa33lvKQPDGukIScLZbOaEwSjfCsBnt1spj3O7w9qIOSQJnYL7NIXeWRxqtZqzfw+RMCuceUkRL7uGP3fc42PnsRvWFLbABmY++1/sA11AnJse1vy1kCT0t1SiUxawMvxsjDSsVxQhpXCfTVmKZtneJthcSnUy/Rr2z1V33P9E2e+U9yrbLF6pzbWU7SSM4IQ26qgAknB7N6M6R/++2r3q419WjyHrlOahKmRla9WUXFXL0+l0PB7PZjNdi8UrNVtNlYRnZ2dJkmT6vEZC+ALqpuqvdtjDMuWrHUudu5JiXbxerx98APkp5T9Dl7ZXhdD1djqdEJdBIGFUSLnXFNPvO090/dlFijr3KtokKQdZ6Dgajfwlf2qqPqB/KZqHSJijMkndVMJksWWjhLSc1k4UVFRst9tblGHfyUL7/f7a+k0XLg/tYYGEsNfMU/op+u3h7ZZtGShko03020OOalvCbjiCYh7aKlAkhKM99M7BYLD2oN+M8l6ZLxVbrVa32810QFXf9aW9SKwYDm5tLhKGRx42LJb8ilEKwtltpGvjLl+9RnmoYFiQN09IeJgA+PDwkJNlb6uNdKViRmvSt0izQ9z6CAmDQX1dBuZt9bceB4rMapU83O2gyHbnYRXqOAMk3CvKPx8fH7cOgLaBlb36s/fylrDZ7Bk7p81egm/XiSXh33//3ev1dviSwNr81T9VqHmISLi/rK/f76sA2+Kde7VaVYFkx1bLQBs2/L1esr9ZBkpFe/dtJzR+6RvtbA+ZfHFxsZOSzNr/1T9VnIIQCfdn4N3d3WQy2dwHe73eTJF7m/RI+4zNHVUnbrfb+jp5aJuFbj7nRh+zNwrX19c7MUHt17VsXhna3q1EQthluXV7e7v5GL2tlFNCqNrsmw7oj9dTbN9emzK2STKsz9tBVzc3N99/X6fo3el0VAlv+Hl9uFCrQ5EwcwMVAzc00CKA6bfbZtj2H0ItUV2qZHUTFfVhNV7x8Jse2m4UisabnB2iB5AkLNTqUCTM1kA9/p0d4v5TOO3h1Eslt41GQyFxNBpt8hpAjbcNP7/poSLb1dWVlPZ3f1HiKueLtkkCEmZYBw4GA3+r4lUAVKBQR9/PkKDtDSkb+/2+otPakChd1bBut/vN6KSnzF9//aUvVTy04yX+Y6ntZVjAbUqQMCusBls7FmIBcP+bNZ6cnEgJpaZqpD9kYuM0+vz3o7QEU5GpYKhEVynxr4t69VAo1KRtJMwc9TCFwbVBRp1PSdoBRwLlv9qwdvKAzXHdbv3779hY0dG/m1AUZ6L2p6kQwuwcdVklXWsrLnVExaKDj8Ur/ig6rW2GLmeTtUhf63wpdBh+gt1jqxM26fo5ObVG8U2NWZsN6qI2KXEBCQ+MLQ5c2+mvr69zdY6vGqMmrV1bqOIwuDOPkLBYqMhZO85h3T2HJ2lbw/zgrEvTBYa1oSASFgslbP57+VKpdHl5mdsd+xWi/QOPjtI3+Ju8cwckPADv7++TycSPEvaCLs9X0Wg0ut3u2suMYLdPJIyQ6XTqhwibkpb/C+l0Os5ZKxbwnROyAAlzGgaViPZ6vSCWySkdVVOdpFSXSTBEwtxh+5c5H2i32wEtz7FZ1H5lyDApEuaIj48P5aJOGKxUKpIwrJUBZ2dnzkipLlYZaaE2oUDCXLNcLv1BUb9D5xM12J/RGtzR8EgYeS7qTFJTGGy1WiEukGs0Gs77TP+qAQn3hxIz5aJOYtZsNoMLg4YM1OPDScJfX195cY+Eh+f9/d1fqKp4Eug6cTXbb7zKQsZIkTAXEjrjhPV6PdAwuAqGzqDuak0gIOGBC0InF02SJOil4mq8s7pCuShlIRIeviD0545suFthnvEX8uryKQuR8MASOmsmlIjmcLXEFhmp42EWpykiIexMQtswO/RrLJfLvoS8skfCA0vojEzYiRERSOjEczv6gp6AhAdDBvqz1eLYxNaJ57p85s0g4YEl3K7vRiPh2h8BkDBbnHIopq3EFM+da6EmRMJDGugvIIzmQAVfwq2PQwQkzDwSxiShcy0YiIQ5lTCySIiESJjf3ul0zWh6p38hhTrGDAnz9/MVplJyql+2skfC/CZpMUXCgiTeSEgkzK+EREIkzCn+FobRTCXRhTgPlCD2cUTCaKlUKk4XjElCx0AkRMIDl4XOlK7FYhHBlC5/dqgun3QUCQ9cE/r7kUUgob9/RzST1JEwYAmdLWTm83kEGakuwZGwVquRjiLhgdNR55yzj4+PCPaK16PEGRqNYP8OJAwepaNOWfj6+hp0MFQu6hw1pRgY9F5ySBgJ6ohOMFQP9g/uzTlqvHPQDbkoEuYChUE/I5WHgb61X3vQTb1eR0IkzAXqi84w/Xg8DjQYKpFW4z/tOsfHSZJQECJhLlBd5OyQaxldiMFQMdzfXDyCDR2RMJ6y0D9fejQaBTc8o2fH09OT8wFdcjSb6CBhDKgs9F8YKq8LKBiqqZPJxAmDioFOJQxIeABqtZpzipgYDAYBvTPUU0MNdj6gi/W3xwckPAD+kZqKLY+Pj0HMYlMj1VR/P9Vms8mQDBLmMSP1g+HLy4uKw5wnpWqeGumf/k0YRML8ot7pzyDp9/vOBJQ8oOapkc4H7PhewiAS5rcybLfbfge9v7/PbXGohql5zgd0aZ1OhyEZJMx7MHTeGR6lQ/+3t7c5fH2vJt3d3fkNq9frfsoNSHh4KpWKYoU/mUsBR909V2fcqjFqkn/gqS7q/Pycd4NIGACNRkMe+kmpSi91+pzkpfZQ8ItVS0T9OQmAhDlC/bXZbPqfmU6nyksPPk6jBqgZaswmTxbuLBIGgzK3bre7dhxfIUgCDIfDg5yzqS/VV6sBawNytVrt9XosmEDCwJCBFxcXayuo5XL58PBwf3/v12M7R1+nL9VXr53Uqku4vLzkxWCG4wj8BJkWh+q+KrfWBrrxeKxwdJaSdcB5f38fp2xSkR4fH+sSKAWRMGBarZY6vQLO2okyUkIfU4WmP6J6Mot9BPUseH5+nkwmzmL5XymVSgrmvJNAwuCx8YxNPDxKp7ZNp1N50kjZ1YI9W9Nof/mG9acMVAxkMAYJ4/FQkU0ebjKBW5KYLcoYT09PkyTZehcJfZ3+HkVXVYD+pmn/QV8nA5Ubc++QMB6s2FN9uOHqXgkzS1ECWalUqtVqLUX/rvD42UtIBVsFPdspVNjGp19dT6yvuL6+pg5EwghRt/7x48dX53CbRbLx+Bds8/nVUfJ2ApTtV//zF7ZopAKv6kBmhyJhtKhz39zcDFO2GFb53SsLibtaHnWewsQ0JIz9F69Uer2eEsvHx8fvT+PelX72Ol6xmtNdkLAQqKOrRKzX609PT1uExN2iWKro1+l0CIBIWDhOTk4s+AwGg0PNINW3d7tdJcks0kXC4obEJEnkwHQ6VVTc8B36TqKfTcjWV5N/IiH8X0UpIRvt3aBUzG4/qHK53Gw2lQwT/ZAQ/hCdkpTlcikPJ5PJbDb7SPn+3yzPbR8q2c5iCCSEdbekUmmnyMZpimxcLBYrIX0tLb6VUqrVqs250T9xDwlhGxtbKUfpK/tFynw+1z/t7by9oLeE1sKdHd8t905SEA8Jd5+w/TEIBHrw2FeFFPV6/Y/XXszqTg+gz4rnsH6Q47AkdO5HYSvJwo6v2Bw9JNxvWz8fTA/6SGrYOhJu0VWQ8Lsp2Wf/60vrdCAOA/1Do5AwE5xfdjqd5mobT8ga3W5nhzgkzApnfc1isVi7aR/EhG63M/09rKVYIUlYq9Wcgns0GgV0ACB8B91o3e7P/q86CRJmha0ud/IT/1Q9iKYa1I12qo8kSUhHs6JcLvs7fz0/P2+4jwsEim1dt/b4xLBmKQT2sl4PuUql4ryQUJaiJ+Umu19DiFnoYDCYTCZ+zfL7lAYk3HFG2ul0/FMsdZNUstvunWGlJfAZuqG2Y+rafcpDXJ0cWHMVDGWX7od/M2yfMt0zFeh6NJZTPpv1Bvm80bpZ7ykKgHZD1/6pRqOhJ29wU4hKIb5ee3l5ub293bD2s2nNRZ7eFSirGeobDrYp67m5uQkuFz0KdBWFKsNer+cf7Lxi683/IKzI2e12QzTwKNBTmfSLt9tteUjnA0MGhrtfeKj7i9geYXgIQt1AnSHccqMU9JRL1Qzj8fjh4YGEs7BZ6MXFhdKioLerKoU+71keTqfTx8dH5o4WjWq1enl5mSRJ6ENupTgWH9jBl8PhkIWFBQmAMW1YXIpmBZBCogycTCaykWVNsWL77pydnSkMRvPOqRRZf7WXS7PZ7DVlsVgwlTR0yuXyyclJrVZbHdUY2SvfEkED4LCwBToAEgIgIQAgIQASAgASAiAhACAhABICABICICEAICEAEgIAEgIgIQAgIQASAgASAiAhACAhABICABICICEAICEAEgIAEgIgIQAgIQASAgASAiAhACAhABICABICICEAICEAEgIAEgIgIQAgIQASAgASAiAhACAhABICABICICEAICEAEgIAEgIgIQAgIQASAgASAiAhACAhABICABICICEAICEAEgIAEgIgIQAgIQASAiAhPwEAEgIgIQAgIQASAgASAiAhACAhABICABICICEA7I//CTAAZAR+4/SM0wwAAAAASUVORK5CYII=\"","import {\r\n LOGIN_USER,\r\n LOGOUT_USER\r\n} from '../actions';\r\n\r\nconst INIT_STATE = {\r\n userAdmin: JSON.parse(localStorage.getItem('user_admin'))\r\n};\r\n\r\nglobal.user = INIT_STATE;\r\n\r\nexport default (state = INIT_STATE, action) => {\r\n switch (action.type) {\r\n case LOGIN_USER:\r\n return { ...state, userAdmin: action.payload };\r\n case LOGOUT_USER:\r\n return { ...state ,userAdmin: null};\r\n default: return { ...state };\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport { Progress } from \"reactstrap\";\r\nimport _axios from \"../../libs/axios\";\r\nimport { openLink } from \"../../helpers/Utils\"\r\nimport { NotificationManager } from \"../common/react-notifications\";\r\nimport { cloneDeep } from \"lodash\"\r\n\r\nexport default class CustomDropzone extends Component {\r\n constructor(props) {\r\n // console.log(props)\r\n super(props);\r\n let s = {}\r\n s[props.name] = props.value\r\n s.files = []\r\n s.drag = false\r\n s.progressPercentage = 0\r\n s.progressBytes = 0\r\n s.cancel = null\r\n s.cancelToken = null\r\n s.upload = null\r\n s.maxFiles = (this.props.opts && this.props.opts.maxFiles) ? this.props.opts.maxFiles : 1\r\n s.urlFile = props.opts.url\r\n s.accept = \".gif, .jpg, .jpeg, .png, .pdf, .docx, .xlsx, .zip\"\r\n\t\tthis.state = s\r\n\t}\r\n\r\n componentDidUpdate (prevProps, prevState) {\r\n if (this.props.uploadFiles && this.props.name === this.props.uploadFiles.name && this.state.upload === null && prevState.upload === null) {\r\n this.setState({upload: cloneDeep(this.props.uploadFiles)}, () => {\r\n this.state.files.length === 0 ? this.state.upload.success() : this.save(0)\r\n })\r\n }\r\n if (this.props.uploadFiles !== prevProps.uploadFiles && !prevProps.uploadFiles && this.state.upload) this.setState({upload: null})\r\n }\r\n\r\n isImage = (extensions) => {\r\n if (!extensions) return false\r\n extensions = extensions.toLowerCase()\r\n var imageFormats = [\".jpeg\", \".jpg\", \".png\", \".gif\"];\r\n for (var i = 0; i < imageFormats.length; i++) {\r\n if (extensions.includes(imageFormats[i])) return true\r\n }\r\n return false\r\n }\r\n\r\n isDoc = (ext) => {\r\n if (!ext) return false\r\n return ['gif','jpg','png','jpeg'].indexOf(ext) === -1\r\n }\r\n\r\n save (i, data) {\r\n if (i > (this.state.files.length - 1)) {\r\n this.state.upload.success(data)\r\n return\r\n }\r\n \r\n const body = {\r\n name: this.props.name + '.' + this.state.files[i].ext,\r\n doc: this.isDoc(this.state.files[i].ext),\r\n data: this.state.files[i].value\r\n }\r\n\r\n const CancelToken = _axios.CancelToken;\r\n let ctx = this;\r\n _axios.post(this.props.opts.path()+'?id=' + this.state.upload.id, body,\r\n {\r\n onUploadProgress: (progressEvent) => {\r\n var p = Math.round( (progressEvent.loaded * 100) / progressEvent.total );\r\n this.setState({progressPercentage: p, progressBytes: progressEvent.loaded});\r\n },\r\n cancelToken: new CancelToken(function executor(c) {\r\n ctx.setState({cancel: c})\r\n })\r\n })\r\n .then(r => {\r\n if (r.status >= 0) {\r\n this.save(i + 1, r.data)\r\n } else {\r\n NotificationManager.error(r.msg || '', \"Error\", 5000, null, null, 'outline')\r\n this.props.uploadFiles.error(r)\r\n this.clear()\r\n }\r\n })\r\n .catch((e) => {\r\n this.props.uploadFiles.error(e)\r\n this.clear()\r\n })\r\n }\r\n\r\n clear () {\r\n this.setState({\r\n progressPercentage: 0,\r\n progressBytes: 0,\r\n cancel: null,\r\n cancelToken: null,\r\n upload: null\r\n })\r\n }\r\n\r\n handleOnDrop = (e) => {\r\n e.preventDefault()\r\n this.setState({drag: false})\r\n let files = []\r\n if (e.dataTransfer.items) {\r\n for (var i = 0; i < e.dataTransfer.items.length; i++) {\r\n // If dropped items aren't files, reject them\r\n if (e.dataTransfer.items[i].kind === 'file') {\r\n files.push(e.dataTransfer.items[i].getAsFile())\r\n }\r\n }\r\n if (files.length > 0) this.validateFile(files)\r\n } else {\r\n\r\n }\r\n this.removeDragData(e)\r\n }\r\n\r\n handleOnDragOver = (e) => {\r\n this.setState({drag: true})\r\n e.preventDefault();\r\n }\r\n\r\n handleOnChange = (e) => {\r\n // console.log(e.target.files)\r\n const files = e.target.files\r\n if (!files || files.length === 0) return\r\n this.validateFile(files)\r\n }\r\n\r\n removeDragData(e) {\r\n if (e.dataTransfer.items) {\r\n // Use DataTransferItemList interface to remove the drag data\r\n e.dataTransfer.items.clear()\r\n } else {\r\n // Use DataTransfer interface to remove the drag data\r\n e.dataTransfer.clearData()\r\n }\r\n this.setState({drag: false})\r\n }\r\n\r\n getBase64 = (f) => {\r\n return new Promise((resolve, reject) => {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(f);\r\n reader.onload = () => resolve(reader.result);\r\n reader.onerror = error => reject(error);\r\n });\r\n }\r\n\r\n validateFile(files) {\r\n let length = files.length + this.state.files.length\r\n if (length > this.state.maxFiles) {\r\n NotificationManager.error('Solo se admite como máximo ' + this.state.maxFiles + ' archivos', 'Error', 5000, null, null, 'outline')\r\n return\r\n }\r\n this.addFile(files)\r\n }\r\n\r\n addFile = (files) => {\r\n // console.log(files)\r\n let n = []\r\n let convert = (i) => {\r\n if (i > (files.length - 1)) {\r\n const newsFiles = this.state.files.concat(n)\r\n this.setState({files: newsFiles}, () => { /*console.log(this.state.files) */ })\r\n if (this.props.opts.output) this.props.onChange(newsFiles)\r\n return\r\n }\r\n this.getBase64(files[i]).then(\r\n data => {\r\n n.push({name: files[i].name, size: files[i].size, type: files[i].type, value: data, ext: files[i].name.split('.').pop() })\r\n i = i + 1\r\n convert(i)\r\n }\r\n );\r\n }\r\n convert(0)\r\n }\r\n\r\n deleteFile = (i) => {\r\n const temp = this.state.files\r\n temp.splice(i,1)\r\n this.setState({files : temp})\r\n if (temp.length === 0) this.props.onChange(null)\r\n }\r\n\r\n render() {\r\n const { name, disabled } = this.props\r\n return (\r\n \r\n {}}\r\n insideCustomForm={true}\r\n listenData={detailGrid.listenData}\r\n listenForm={detailGrid.listenForm}\r\n />\r\n
\r\n }\r\n\r\n {p.subforms && p.subforms.map((sf, i) => {\r\n const detailGrid = sf.detailGrid ? sf.detailGrid() : null\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React, { useRef, useState, useMemo, useEffect } from 'react'\r\nimport {\r\n Row,\r\n Modal,\r\n ModalFooter,\r\n Button,\r\n Card,\r\n CardHeader,\r\n CardTitle,\r\n CardBody,\r\n Nav,\r\n NavLink,\r\n NavItem,\r\n TabContent,\r\n TabPane\r\n} from \"reactstrap\";\r\nimport { Colxx } from \"../../components/common/CustomBootstrap\";\r\nimport classnames from \"classnames\";\r\nimport CustomDropzone from \"./CustomDropZone\";\r\nimport JoditEditor from 'jodit-react'\r\nimport { resizeImage, rgbToHex } from \"../../helpers/Utils\"\r\nimport _axios from \"../../libs/axios\";\r\nimport { NotificationManager } from \"../../components/common/react-notifications\";\r\n\r\nconst Editor = props => {\r\n // console.log(props)\r\n const editor = useRef(null)\r\n let [content] = useState(props.value)\r\n const buttons = ['source','|','bold','strikethrough','underline','italic','ul','ol','font','fontsize','brush','align','paragraph','table','link']\r\n let config = {\r\n theme: localStorage.getItem(\"__theme_color\")?.indexOf(\"dark\") > -1 ? \"dark\" : \"\",\r\n toolbarButtonSize: 'medium',\r\n enableDragAndDropFileToEditor: false,\r\n readonly: props.disabled,\r\n toolbarAdaptive: true,\r\n showXPathInStatusbar: false,\r\n showCharsCounter: false,\r\n showWordsCounter: false,\r\n askBeforePasteHTML: false,\r\n placeholder: props.placeholder?? '...',\r\n language: 'es',\r\n buttons: buttons,\r\n buttonsMD: buttons,\r\n buttonsXS: buttons,\r\n /*\r\n controls: {\r\n align: {\r\n command: 'align',\r\n list: {\r\n left: 'left',\r\n right: 'right',\r\n center: 'center'\r\n }\r\n }\r\n },\r\n */\r\n extraButtons: [\r\n {\r\n name: 'insertImage',\r\n icon: 'image',\r\n exec: (editor) => {\r\n props.openFile(editor)\r\n }\r\n },\r\n /*\r\n {\r\n name: 'insertVideo',\r\n icon: 'video',\r\n exec: function (editor) {\r\n props.toggle(editor)\r\n // editor.s.insertHTML((new Date()).toDateString());\r\n // editor.s.insertImage('https://miracomosehace.com/wp-content/uploads/2020/05/hombre-gorra-camara-1.jpg', {width: '300px', height: ''});\r\n }\r\n }\r\n */\r\n ],\r\n /*\r\n uploader: {\r\n insertImageAsBase64URI: true\r\n },\r\n */\r\n events: {\r\n afterRemoveNode: (node) => {\r\n if (node.nodeName === 'IMG') {\r\n // console.log(node.src)\r\n props.deleteFile(node.src)\r\n }\r\n },\r\n afterInsertImage: (e) => {\r\n // console.log('afterInsertImage', e)\r\n },\r\n paste: (e) => {\r\n console.log(e)\r\n }\r\n }\r\n }\r\n\r\n if (props.aiAssist) {\r\n config.extraButtons.push(\r\n {\r\n name: 'AI',\r\n exec: (editor) => {\r\n props.aiAssist(editor)\r\n }\r\n }\r\n )\r\n }\r\n\r\n // equal to componentDidMount\r\n useEffect(() => {\r\n // console.log('montado')\r\n }, []);\r\n\r\n let handleChange = (val) => {\r\n const d = document.createElement('div')\r\n d.innerHTML = val;\r\n const tables = d.getElementsByTagName('table')\r\n\r\n for (let i = 0; i < tables.length; i++) {\r\n tables[i].style.border = 'none'\r\n tables[i].style.borderCollapse = 'collapse'\r\n tables[i].style.marginBottom = '20px'\r\n tables[i].style.marginTop = '20px'\r\n // tables[i].style.maxWidth = '100%'\r\n // tables[i].style.width = '100%'\r\n\r\n const cells = tables[i].getElementsByTagName('td')\r\n\r\n for (let j = 0; j < cells.length; j++) {\r\n let borderColor = rgbToHex(cells[j].style.borderColor)\r\n cells[j].style.border = '1px solid ' + (borderColor || '#cdcdcd')\r\n if (cells[j].style.backgroundColor) cells[j].style.backgroundColor = rgbToHex(cells[j].style.backgroundColor)\r\n if (cells[j].style.color) cells[j].style.color = rgbToHex(cells[j].style.color)\r\n cells[j].style.minWidth = '32px'\r\n cells[j].style.padding = cells[j].style.padding || '6px'\r\n }\r\n }\r\n \r\n function cerrarEtiquetasImg(texto) {\r\n const regex = /\r\n {this.state.files.length > 0 &&
\r\n \r\n {this.state.files.length === 1 && ['gif','jpg','jpeg','png'].includes(this.state.files[0].ext)\r\n ?
\r\n }\r\n\r\n {this.state[name] && typeof this.state[name] === 'string' && \r\n {!disabled &&\r\n
\r\n : 0 ? ()=> {this.state.cancel()} : ()=> {this.deleteFile(this.state.files[0])}}>\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n 
\r\n {this.state.progressPercentage > 0 && \r\n
\r\n \r\n \r\n \r\n
\r\n }\r\n {this.state.progressPercentage}%
\r\n {this.state.files.map((f, i) => {\r\n return
\r\n }\r\n \r\n
\r\n })}\r\n \r\n {/*
\r\n {this.state.progressPercentage > 0 && \r\n {f.type}
*/}\r\n {f.name}
\r\n {!disabled &&\r\n 0 ? ()=> {this.state.cancel()} : ()=> {this.deleteFile(i)}}>\r\n \r\n
\r\n }\r\n \r\n \r\n \r\n
\r\n }\r\n {this.state.progressPercentage}%
\r\n {!disabled &&\r\n
\r\n }\r\n \r\n {this.state[name] && Array.isArray(this.state[name]) && { this.setState({[name] : null}); this.props.onChange(null) }}>\r\n \r\n
\r\n }\r\n \r\n {['.gif', '.jpg', '.jpge', '.png', ].some(ext => this.state.urlFile?.includes(ext))\r\n ?
\r\n { openLink(this.state.urlFile) }}>\r\n 
{ e.target.onerror = null; e.target.src = require(\"../../assets/img/user.png\") }} \r\n />\r\n
\r\n : { openLink(this.state.urlFile) }}>\r\n
\r\n }\r\n {this.state[name]}
\r\n \r\n \r\n
\r\n \r\n
\r\n }\r\n\r\n {((this.state.files.length < this.state.maxFiles) && !this.state[name]) && \r\n
\r\n \r\n
\r\n { openLink(this.state.urlFile) }}>{this.state[name]}
\r\n { openLink(this.state.urlFile) }}>\r\n \r\n
\r\n {!disabled &&\r\n {}}>\r\n \r\n
\r\n }\r\n \r\n
\r\n }\r\n \r\n \r\n {this.props.placeholder &&
\r\n \r\n {this.props.placeholder.replace('{0}', this.props.opts?.accept?? this.accept)}
}\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Dos...\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n};\r\n\r\nexport default CustomEditor","import React, { Component } from \"react\";\r\nimport DropzoneComponent from \"react-dropzone-component\";\r\nimport \"react-dropzone-component/styles/filepicker.css\";\r\nimport \"dropzone/dist/min/dropzone.min.css\";\r\nvar ReactDOMServer = require('react-dom/server');\r\n\r\nvar dropzoneComponentConfig = {\r\n\tpostUrl: \"no-url\",\r\n};\r\nvar dropzoneConfig = {\r\n\tacceptedFiles: \"image/jpeg,image/png\",\r\n\tautoProcessQueue: false, //This prevents automatic posting until we press 'save'\r\n\tmaxFilesize: 2, //in megabytes.\r\n\tmaxFiles: 1,\r\n\tpreviewTemplate: ReactDOMServer.renderToStaticMarkup(\r\n\t\t\r\n\t\t\t![\"\"]()
\r\n\t\t\t\r\n\t\t\t\t\r\n\t\t\t\r\n\t\t
\r\n )\r\n};\r\n\r\nclass CustomImage extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tvalue: null,\r\n\t\t\tthumbValue: null,\r\n\t\t\tloading: true,\r\n\t\t\tfileLoaded: false,\r\n\t\t\tfileAttached: false\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\t\r\n\t\tif (this.props.value !== '...') {\r\n\t\t\tthis.setState({\r\n\t\t\t\tthumbValue: (this.props.value.indexOf('http') === -1 && this.props.opts && this.props.opts.base ? this.props.opts.base : '') + this.props.value,\r\n\t\t\t\tfileLoaded: true,\r\n\t\t\t\tloading: false\r\n\t\t\t});\r\n\t\t\t\r\n\t\t\tthis.handleChange('sameimage');\r\n\t\t}\r\n\t}\r\n\r\n\thandleChange = value => {\r\n\t\tthis.setState({ [this.props.name]: value });\r\n\t\tthis.props.onChange(value);\r\n\t};\r\n\t\t\t\r\n\taddedfile (file, context) {\r\n\t\t\r\n\t\t// if (this.state.value !== \"\") {\r\n\t\t// \t//Display error & remove the file. cannot upload duplicates.\r\n\t\t// \tthis.state.myDropZone.removeFile(file);\r\n\t\t// }\r\n\t\t\r\n\t\tvar img = document.createElement(\"img\");\r\n\t\tvar reader = new FileReader();\r\n\t\treader.onload = function (e) {\r\n\t\t\timg.src = e.target.result;\r\n\t\t\timg.onload = function () {\r\n\r\n\t\t\t\tvar canvas = document.createElement(\"canvas\");\r\n\t\t\t\tvar ctx = canvas.getContext(\"2d\");\r\n\t\t\t\tctx.drawImage(img, 0, 0);\r\n\r\n\t\t\t\tvar MAX_WIDTH = context.props.opts.maxWidth;\r\n\t\t\t\tvar MAX_HEIGHT = context.props.opts.maxHeight;\r\n\t\t\t\tvar width = img.width;\r\n\t\t\t\tvar height = img.height;\r\n\r\n\t\t\t\tif (width > height) {\r\n\t\t\t\t\tif (width > MAX_WIDTH) {\r\n\t\t\t\t\t\theight *= MAX_WIDTH / width;\r\n\t\t\t\t\t\twidth = MAX_WIDTH;\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\tif (height > MAX_HEIGHT) {\r\n\t\t\t\t\t\twidth *= MAX_HEIGHT / height;\r\n\t\t\t\t\t\theight = MAX_HEIGHT;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tcanvas.width = width;\r\n\t\t\t\tcanvas.height = height;\r\n\t\t\t\tconsole.log(MAX_WIDTH);\r\n\t\t\t\t\r\n\t\t\t\tctx.drawImage(img, 0, 0, width, height);\r\n\r\n\t\t\t\tvar dataurl = canvas.toDataURL(\"image/png\");\r\n\r\n\t\t\t\t//We have the base64 string now.\r\n\t\t\t\t//Set the value in the form.\r\n\t\t\t\tcontext.setState({ [context.props.name]: dataurl, fileLoaded: true, fileAttached: true, thumbValue: dataurl });\r\n\t\t\t\tcontext.props.onChange(dataurl);\r\n\t\t\t}\r\n\t\t}\r\n\t\treader.readAsDataURL(file);\r\n\t}\r\n\r\n\tclear() {\r\n\t\tthis.setState({ fileLoaded: false });\r\n\t\tthis.handleChange('removeimage'); // set to remove\r\n\t};\r\n\r\n\trender() {\r\n\t\tif (this.state.loading) {\r\n\t\t\treturn ('Loading...')\r\n\t\t}\r\n\t\telse if (!this.state.fileLoaded) {\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t this.addedfile(file, this) }}\r\n\t\t\t\t\t\tconfig={dropzoneComponentConfig}\r\n\t\t\t\t\t\tdjsConfig={dropzoneConfig}\r\n\t\t\t\t\t/>\r\n\t\t\t\t
\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\treturn (\r\n\t\t\t\t\r\n\t\t\t\t\t
\t\t\t\t\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n};\r\n\r\nexport default CustomImage;","import React, {Fragment} from \"react\";\r\nimport Slider, { Range } from \"rc-slider\";\r\nimport \"rc-slider/assets/index.css\";\r\n\r\nconst sliderHandle = props => {\r\n const { value, dragging, index, offset, ...restProps } = props;\r\n const positionStyle = {\r\n position: \"absolute\",\r\n left: `${offset}%`\r\n };\r\n\r\n\r\n return (\r\n \r\n {value}\r\n
\r\n \r\n setItems(newState)}\r\n className=\"answers\"\r\n options={{\r\n handle: '.handle',\r\n }}\r\n >\r\n {items.map(item => {\r\n return (\r\n \r\n {\r\n updateItem(item.id, event)\r\n }}\r\n />\r\n
\r\n )\r\n}\r\n\r\nexport default CustomSortable\r\n\r\n","import React, { Component, Fragment } from \"react\";\r\nimport {\r\n Input,\r\n FormGroup,\r\n Label,\r\n Popover,\r\n PopoverBody,\r\n CustomInput,\r\n Button,\r\n Tooltip,\r\n InputGroup,\r\n InputGroupAddon,\r\n InputGroupText,\r\n Alert\r\n} from \"reactstrap\";\r\nimport { Colxx } from \"../../components/common/CustomBootstrap\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport CustomSelect from \"./CustomSelect\"\r\nimport Editor from \"./Editor\"\r\nimport CustomImage from \"./CustomImage\"\r\nimport Switch from \"rc-switch\";\r\nimport \"rc-switch/assets/index.css\";\r\nimport TagsInput from \"react-tagsinput\";\r\nimport \"react-tagsinput/react-tagsinput.css\";\r\nimport CustomDropzone from \"./CustomDropZone\";\r\nimport moment from \"moment\";\r\nimport {isAndroidOrIos} from \"../../helpers/Utils\"\r\nimport { SliderTooltip } from '../common/SliderTooltips';\r\nimport AppLocale from \"../../config/lang\";\r\nimport CustomSortable from \"./CustomSortable\";\r\nimport { NotificationManager } from \"../../components/common/react-notifications\"\r\n\r\nclass Field extends Component {\r\n constructor(props) {\r\n super(props);\r\n // console.log(props)\r\n let value = props.value\r\n if (props.opts && props.opts.default && (value === null || value === \"\")) {\r\n value = typeof props.opts.default === 'function' ? props.opts.default() : props.opts.default\r\n props.onChange(value)\r\n }\r\n this.state = { pop: false, tooltipId: props.name.replace('(', '').replace(')', '').replace(/\\./g, '') };\r\n this.state[props.name] = ['date', 'time', 'datetime'].indexOf(props.type) > -1 ? (value ? moment(value) : null) : value\r\n this.state.highlightDates = undefined\r\n this.state.includeDates = undefined\r\n this.state.tooltipOpen = false\r\n this.datePickerRef = React.createRef()\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n // necesario para actualizar los values de los componentes hijos\r\n // if (prevProps.value !== this.props.value) this.setState({ [this.props.name]: this.props.value });\r\n if (prevProps.value !== this.props.value) this.setState({ \r\n [this.props.name]: ['date', 'time', 'datetime'].indexOf(this.props.type) > -1 ? (this.props.value ? moment(this.props.value) : null) : this.props.value \r\n }, () => {\r\n if (this.props.type === 'date' && !this.state[this.props.name] && this.props.opts && this.props.opts.onOpen) this.setState({ \r\n highlightDates: undefined,\r\n includeDates: undefined\r\n })\r\n });\r\n }\r\n\r\n handleChange = value => {\r\n var val;\r\n val = this.props.opts && !!this.props.opts.negate ? !value : value;\r\n this.setState({ [this.props.name]: val }, () => {\r\n if (this.props.params) this.props.onChange({value: val, params: this.props.params})\r\n else this.props.onChange(val)\r\n });\r\n };\r\n\r\n handleDatePickerChange = value => {\r\n let format = ['datetime', 'time'].indexOf(this.props.type) > -1 ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD'\r\n let date = value ? moment(value).format(format) : null;\r\n this.setState({ [this.props.name]: value }); // cambiar estado local\r\n this.props.onChange(date); // enviar al componente padre --> Formcustom\r\n };\r\n\r\n handleFieldChange = (e) => {\r\n let val = e.target.value\r\n this.setState({ [this.props.name]: val }, () => {\r\n if (this.props.params) this.props.onChange({value: val, params: this.props.params})\r\n else this.props.onChange(val)\r\n });\r\n }\r\n\r\n handleTagChange = tags => {\r\n this.setState({ [this.props.name]: tags });\r\n this.props.onChange(tags)\r\n };\r\n\r\n handleCheckboxGroupChange = (e) => {\r\n let newArray = this.state[this.props.name]\r\n let index = newArray.indexOf(e.target.value)\r\n if (index > -1) newArray.splice(index, 1)\r\n else newArray.push(e.target.value)\r\n this.setState({ [this.props.name]: newArray });\r\n this.props.onChange(newArray)\r\n }\r\n\r\n handleFocus = (e) => {\r\n if(!this.props.onFocus) return\r\n this.props.onFocus({\r\n value: this.state[this.props.name],\r\n params: this.props.params\r\n })\r\n }\r\n\r\n handleDatePickerOpen = () => {\r\n // suport touch backdrop mobile\r\n document.addEventListener('touchstart', function(event) {\r\n event.stopPropagation()\r\n }, true)\r\n if(!this.props.opts || !this.props.opts.onOpen) return\r\n this.props.opts.onOpen(this.props.ctx, this)\r\n }\r\n\r\n handleBlur = (e) => {\r\n if(!this.props.onBlur) return\r\n this.props.onBlur({\r\n value: this.state[this.props.name],\r\n params: this.props.params\r\n })\r\n }\r\n\r\n handleOnKeyUp = (e) => {\r\n // console.log(e.target.value)\r\n if(this.props.onKeyUp) this.props.onKeyUp(e, this)\r\n }\r\n\r\n handleOnKeyPress = (e) => {\r\n // console.log(e.target.value)\r\n if(this.props.onKeyPress) this.props.onKeyPress(e)\r\n }\r\n\r\n handleChangeQuill = (textQuillStandart) => {\r\n let val = textQuillStandart\r\n this.setState({ [this.props.name]: val }, () => {\r\n if (this.props.params) this.props.onChange({value: val, params: this.props.params})\r\n else this.props.onChange(val)\r\n });\r\n }\r\n\r\n handleChangeJodit = (val) => {\r\n // console.log('guardo')\r\n this.setState({ [this.props.name]: val }, () => {\r\n this.props.onChange(val)\r\n });\r\n }\r\n\r\n onTooltipClick() {\r\n if (this.props.opts && this.props.opts.tooltip && this.props.onTooltip) this.props.onTooltip({ name: this.props.label || this.props.hint, value: this.props.name });\r\n }\r\n\r\n toggleTooltip = () => {\r\n this.setState(prevState => ({\r\n tooltipOpen: !prevState.tooltipOpen\r\n }));\r\n };\r\n\r\n customDatePickerInput = React.forwardRef(({ value, onClick }, ref) => (\r\n \r\n ))\r\n\r\n customAddon = (props) => {\r\n const L = AppLocale[this.props.locale]?.messages\r\n const {addon, type} = props\r\n const {buttons, texts} = addon\r\n \r\n return \r\n \r\n \r\n \r\n removeItem(item.id)}\r\n >\r\n \r\n \r\n
\r\n \r\n )\r\n })}\r\n \r\n\r\n \r\n addItem()}\r\n >\r\n {props.L[props.nameButton]?? \"Add option\"}\r\n \r\n
\r\n \r\n \r\n Click to learn more about this feature! \r\n \r\n
\r\n }\r\n \r\n }\r\n\r\n {['text', 'textarea', 'password', 'select', 'date', 'time', 'datetime', 'number', 'tel'].indexOf(type) >= 0 &&\r\n \r\n }\r\n\r\n {type === 'label' &&\r\n \r\n {opts?.labelBeforeButton && }\r\n { }}\r\n className={className}\r\n >\r\n {label}\r\n \r\n
\r\n }\r\n\r\n {type === 'switch' &&\r\n \r\n
\r\n }\r\n\r\n {type === 'file' &&\r\n {label}
}\r\n \r\n {opts.list.map((e, i) => {\r\n return (\r\n -1}\r\n onChange={this.handleCheckboxGroupChange}\r\n disabled={disabled}\r\n />\r\n )\r\n })}\r\n
\r\n {validate}\r\n \r\n { this.props.onClick(this) } : () => {}}\r\n />\r\n \r\n
\r\n {validate}\r\n \r\n {opts.list.map((e, i) => {\r\n return (\r\n
\r\n {validate}\r\n Select
\r\n }\r\n\r\n {type === 'alert' &&\r\n \r\n
\r\n )\r\n } else return null\r\n}\r\n\r\nconst listIcons = props => {\r\n if (!props.isDisabled) {\r\n return (\r\n \r\n 
{e.target.onerror = null; e.target.src=require(\"../../assets/img/user.png\")}}/>\r\n
\r\n \r\n
\r\n {props.data.label}
\r\n {props.data.desc}
\r\n \r\n
\r\n )\r\n } else return null\r\n}\r\n\r\n/*\r\nconst Menu = (props) => {\r\n console.log(props)\r\n if (!props.isDisabled){\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n {props.data.label}
\r\n \r\n ddddd\r\n
\r\n )\r\n } else return null\r\n}\r\n*/\r\n \r\nclass SelectCustom extends Component {\r\n constructor(props) {\r\n super(props)\r\n const { locale } = props\r\n const L = AppLocale[locale].messages\r\n let items = []\r\n if (props.listInLocalStorage) {\r\n let lsi = localStorage.getItem(props.listInLocalStorage.name)\r\n if (lsi) {\r\n lsi = JSON.parse(lsi)\r\n const list = lsi[props.listInLocalStorage.listName]?? []\r\n items = list.map(item => item = {value: item.id, label: item.name})\r\n }\r\n }\r\n this.state = {\r\n items: props.items ? props.items.map(item => item = {value: item.value, label: L[item.label]?? item.label}) : items,\r\n filter: null,\r\n loading: false\r\n }\r\n // default value {value: 1, label: ''}\r\n // default value for multiSelection [{id: 1, name: ''}, ...]\r\n let v = (() => {\r\n let r = null\r\n if (props.value !== null && props.value !== undefined && !props.isMulti) return props.value\r\n else if (props.value !== null && props.value !== undefined && props.items) return props.items.find((e) => { return e.value === props.value })\r\n return r\r\n })()\r\n this.state[props.name] = v\r\n }\r\n\r\n componentDidMount() {\r\n const { name, value, onChange, setOutput, getValueLabelOfFieldSelect } = this.props\r\n if (Array.isArray(value)) {\r\n // console.log(value)\r\n let v = []\r\n value.forEach(e => { v.push({ value: e.ID, label: e.name }) })\r\n this.setState({ [name]: v, items: [] }, () => {\r\n onChange(setOutput ? setOutput(v) : v.map(m => m.value))\r\n })\r\n } else {\r\n // console.log(value)\r\n let v = null\r\n v = this.state.items.find(item => item.value === value)\r\n if (!v && value) v = value\r\n this.setState({ [name]: v }, () => {\r\n onChange(setOutput ? setOutput(v) : (v ? v.value : null))\r\n if (getValueLabelOfFieldSelect && v) process.nextTick(() => { getValueLabelOfFieldSelect({[name]: {value: v.value, label: v.label}}) })\r\n })\r\n }\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n const { name, value, onChange, setOutput, path, parentValue } = this.props\r\n if (prevProps.value !== value && (value === undefined || value === null)) {\r\n this.setState({ [name]: null }, () => { /* console.log('cambio'); */ if(path) this.setState({items: []}) })\r\n } else if (prevProps.value !== value && typeof value === 'string' && this.state.items.length > 0) {\r\n const select = this.state.items.find(item => item.value === value)\r\n this.setState({ [name]: {value: value, label: select?.label ?? null} })\r\n } else if (typeof value === 'object' && (this.state[name] === undefined || this.state[name] === null) && !isEqual(prevProps.value, value)) {\r\n this.setState({ [name]: {value: value.value, label: value.label} }, () => {\r\n onChange(setOutput ? setOutput(value) : value)\r\n })\r\n }\r\n if (prevProps.parentValue !== parentValue) {\r\n if (path) this.setState({items: []})\r\n }\r\n }\r\n\r\n getData = (filter) => {\r\n const { path, ctx, remap, isMulti, name } = this.props\r\n if (!filter) {\r\n if (!path || this.state.items.length > 0) return\r\n }\r\n\r\n this.setState(({ items: [], loading: true }))\r\n filter = filter ? `&filterBy=name&filter=${filter}` : \"\"\r\n let fullPath = typeof path == \"function\" ? `${path(ctx)}${filter}` : `${path}${filter}`\r\n _axios\r\n .get(fullPath)\r\n .then(r => {\r\n if (remap) r = remap(r)\r\n if (r.status >= 0) {\r\n let items = []\r\n r.data.Results && r.data.Results.forEach(e => {\r\n items.push({ value: e.ID, label: e.name, img: e.img, desc: e.desc, original: e })\r\n })\r\n this.setState(({ items: items }), () => { })\r\n if (isMulti) this.setState({ [name]: this.state[name] })\r\n }\r\n this.setState({ loading: false })\r\n NotificationManager[r.status >= 0 ? \"success\" : \"error\"](r.msg, r.status >= 0 ? \"\" : \"Opps\", 5000, null, null, \"outline\")\r\n })\r\n }\r\n\r\n handleChange = selectedOption => {\r\n const { name, onChange, params, isMulti, setOutput, getValueLabelOfFieldSelect } = this.props\r\n this.setState({ [name]: selectedOption })\r\n if (selectedOption === null || selectedOption === undefined) onChange(selectedOption)\r\n else if (params) onChange({params: params, value: selectedOption.value})\r\n else if (setOutput) onChange(setOutput(selectedOption))\r\n else if (isMulti === true) onChange(selectedOption.map(m => m.value))\r\n else onChange(selectedOption.value)\r\n if (getValueLabelOfFieldSelect) getValueLabelOfFieldSelect({[name]: {value: selectedOption?.value, label: selectedOption?.label}})\r\n }\r\n\r\n handleFocus = e => {\r\n if (!this.props.onFocus) return\r\n this.props.onFocus({\r\n value: this.state[this.props.name],\r\n props: this.props.params\r\n })\r\n }\r\n\r\n handleBlur = e => {\r\n if (!this.props.onBlur) return\r\n this.props.onBlur({\r\n value: this.state[this.props.name],\r\n props: this.props.params\r\n })\r\n }\r\n\r\n handleInputChange = debounce((text) => { this.getData(text) }, 400);\r\n\r\n customize () {\r\n let r = {Input: CustomSelectInput}\r\n // r.Menu = Menu\r\n if (this.props.withImg) r.Option = listImgs\r\n if (this.props.withIcon) r.Option = listIcons\r\n return r\r\n }\r\n\r\n render() {\r\n const { locale } = this.props\r\n const L = AppLocale[locale].messages\r\n const { name, onMenuOpen, ctx, isMulti, id, searchOnline, isClearable, placeholder, disabled, tabIndex, filterOption} = this.props\r\n return (\r\n }\r\n {this.state.aiText &&
{L[\"main.suggestedText\"]}
}\r\n {this.state.aiText}\r\n\r\n {!this.props.hideButton && }\r\n \r\n \r\n {L[`${this.M}importSyncMenu`]?? \"\"} \r\n \r\n {this.state.modal && \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ settings }) => {\r\n const { locale } = settings\r\n return { locale }\r\n}\r\n\r\nexport default connect(mapStateToProps, { setLoader })(ImportTo)","import _axios from \"../../libs/axios\";\r\nimport moment from \"moment\"\r\nimport { NotificationManager } from \"../../components/common/react-notifications\";\r\nexport default (context) => {\r\n return {\r\n config: {\r\n pageSize: 40,\r\n list: false\r\n },\r\n\r\n actions: {\r\n create: {\r\n reloadGrid: true\r\n },\r\n edit: {\r\n reloadGrid: true\r\n },\r\n delete: true,\r\n print: false,\r\n export: true,\r\n search: true\r\n },\r\n\r\n filter: {\r\n fields: [],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n renderIf: (ctx) => false,\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n setValuesBeforePost: (v) => {\r\n v.showGradesOnlineMsg = v.showGradesOnlineMsg?? \"\"\r\n v.showGradesPDFMsg = moment(v.showGradesFrom) > moment() ? v.showGradesPDFMsg : \"\"\r\n return v\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"ID\",\r\n value: null,\r\n type: \"number\",\r\n label: \"Código\",\r\n rules: 'required|numeric|min:202200,num|size:6',\r\n rulesMessages: {messages: {min: 'El :attribute debe ser un número mayor o igual a: :min', size: 'El :attribute debe de ser un número de solo :size dígitos'}},\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: () => { return context.state.idItemSelected ? false : true }\r\n },\r\n {\r\n col: 12,\r\n name: \"name\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Nombre\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"from\",\r\n value: null,\r\n type: \"date\",\r\n label: \"main.from\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n selectsStart: true,\r\n startDate: (ctx) => ctx.state.from ? moment(ctx.state.from) : null,\r\n endDate: (ctx) => ctx.state.to ? moment(ctx.state.to) : null\r\n },\r\n },\r\n {\r\n col: 6,\r\n name: \"to\",\r\n value: null,\r\n type: \"date\",\r\n label: \"main.to\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n selectsEnd: true,\r\n startDate: (ctx) => moment(ctx.state.from),\r\n endDate: (ctx) => moment(ctx.state.to),\r\n minDate: (ctx) => moment(ctx.state.from)\r\n },\r\n renderIf: ctx => ctx.state.from\r\n },\r\n {\r\n col: 4,\r\n name: \"active\",\r\n value: true,\r\n type: \"switch\",\r\n label: \"Periodo activo\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"closed\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"Periodo cerrado\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"current\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"Periodo actual\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"showGradesFrom\",\r\n value: null,\r\n type: \"datetime\",\r\n label: \"Mostrar libreta a partir de:\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n isClearable: true,\r\n dateFormat: 'YYYY/MM/DD HH:mm'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"showGradesOnline\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"Mostrar notas en línea\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"showGradesOnlineMsg\",\r\n value: null,\r\n type: \"textarea\",\r\n label: \"Mensaje a mostrar - notas en línea\",\r\n placeholder: \"Escribe un mensaje para que se muestre en la app móvil cuando se desactive la visualización de las notas en línea.\",\r\n maxLength: \"255\",\r\n parent: \"showGradesOnline\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: (ctx) => ctx.state.showGradesOnline === false\r\n },\r\n {\r\n col: 12,\r\n name: \"showGradesPDFMsg\",\r\n value: null,\r\n type: \"textarea\",\r\n label: \"Mensaje a mostrar - notas en PDF\",\r\n placeholder: \"Escribe un mensaje para que se muestre en la app móvil cuando la libreta de notas aún no este disponible para la descarga.\",\r\n maxLength: \"255\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: (ctx) => moment(ctx.state.showGradesFrom) > moment()\r\n },\r\n {\r\n col:6,\r\n name:\"confirmVisible\",\r\n value:false,\r\n type: \"switch\",\r\n label: \"\",\r\n renderIf:()=>false\r\n },\r\n {\r\n col: 12,\r\n name: \"confirm\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Se clonarán todos los cursos. Para confirmar la clonación escribir aquí el código del nuevo periodo\",\r\n rules: 'required|numeric|min:6|max:6',\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: (ctx) => ctx.state.confirmVisible\r\n },\r\n {\r\n col: 12,\r\n name: \"clone\",\r\n value: null,\r\n type: \"button\",\r\n label: \"Clonar este periodo\",\r\n opts: {\r\n kind: 'danger'\r\n },\r\n renderIf: (ctx) => { if(!ctx.state.showClone)ctx.state.showClone = ctx.state.ID?1:-1; return ctx.state.showClone===1; },\r\n onClick: (ctx) => {\r\n ctx.setState({confirmVisible:true})\r\n if(ctx.state.confirm?.length===6) {\r\n context.props.setLoader(true)\r\n _axios.post('admSubject/duplicate?newId='+ctx.state.confirm+'&periodId=' + ctx.state.ID, { })\r\n .then(r => {\r\n if(r.status===0){\r\n context.props.setLoader(false)\r\n context.edit()\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n \r\n })\r\n }\r\n }\r\n }\r\n ],\r\n detailGrid: () => {\r\n return {\r\n module: 'admSuperSection',\r\n parentIdField: 'ID',\r\n embeded: (eContext) => {\r\n return {\r\n config: {\r\n customTitle: \"Excepción a la configuración del periodo\",\r\n pageSize: 40,\r\n customPathGet: 'admPeriod/supersections',\r\n remap: (r) => {\r\n r.data.Results.map(e => e.showGradesPDF = moment(e.showGradesFrom) <= moment())\r\n return r\r\n } \r\n },\r\n \r\n actions: {\r\n create: false,\r\n edit: {\r\n reloadGrid: true\r\n },\r\n delete: false,\r\n print: false,\r\n export: false \r\n },\r\n \r\n filter: {\r\n fields: [\r\n {\r\n name: \"showGradesDefault\",\r\n value: false,\r\n type: \"hidden\"\r\n },\r\n {\r\n name: \"btnCreate\",\r\n value: null,\r\n type: \"button\",\r\n label: \"Crear excepción\",\r\n opts: {\r\n wrapperClassName: 'mb-0 d-flex justify-content-end',\r\n colClassName: \"offset-sm-9\"\r\n },\r\n onClick: (ctx) => {\r\n ctx.setState({showGradesDefault: true}, () => {\r\n eContext.actionsInColumns('simple-icon-plus')\r\n process.nextTick(() => { eContext.resetDataTable() })\r\n }) \r\n },\r\n renderIf: (ctx) => ctx.state.showGradesDefault === false || ctx.state.showGradesDefault === null\r\n },\r\n {\r\n name: \"btnCancel\",\r\n value: null,\r\n type: \"button\",\r\n label: \"\",\r\n opts: {\r\n icon: \"simple-icon-arrow-left\",\r\n wrapperClassName: 'mb-0 d-flex justify-content-end',\r\n colClassName: \"offset-sm-9\"\r\n },\r\n onClick: (ctx) => {\r\n ctx.setState({showGradesDefault: false}, () => {\r\n eContext.actionsInColumns('simple-icon-pencil')\r\n process.nextTick(() => { eContext.resetDataTable() })\r\n }) \r\n },\r\n renderIf: (ctx) => ctx.state.showGradesDefault === true\r\n }\r\n ]\r\n },\r\n \r\n form: {\r\n afterEdit: () => {\r\n let formFilter = eContext.state.formFilter\r\n formFilter.showGradesDefault = false\r\n eContext.setState({formFilter: formFilter}, () => {\r\n eContext.actionsInColumns('simple-icon-pencil')\r\n }) \r\n },\r\n remapOne: (r) => {\r\n r.data.showGradesFrom = r.data.showGradesDefault === false ? r.data.showGradesFrom : moment().format('YYYY-MM-DD HH:mm:ss')\r\n r.data.showGradesDefault = !r.data.showGradesDefault\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n v.showGradesDefault = !v.showGradesDefault\r\n v.showGradesOnlineMsg = v.showGradesOnlineMsg?? \"\"\r\n v.showGradesPDFMsg = moment(v.showGradesFrom) > moment() ? v.showGradesPDFMsg : \"\"\r\n return v\r\n },\r\n fields: [\r\n {\r\n name: \"owner\",\r\n type: \"hidden\",\r\n },\r\n {\r\n col: 6,\r\n name: \"showGradesDefault\",\r\n value: null,\r\n type: \"switch\",\r\n label: \"Hablitar excepción\",\r\n },\r\n {\r\n col: 6,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Grado\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 6,\r\n name: \"showGradesFrom\",\r\n value: null,\r\n type: \"datetime\",\r\n label: \"Mostrar libreta a partir de:\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n isClearable: true,\r\n dateFormat: 'YYYY/MM/DD HH:mm'\r\n },\r\n renderIf: ctx => ctx.state.showGradesDefault\r\n },\r\n {\r\n col: 6,\r\n name: \"showGradesOnline\",\r\n value: null,\r\n type: \"switch\",\r\n label: \"Mostar notas en linea\",\r\n renderIf: ctx => ctx.state.showGradesDefault\r\n },\r\n {\r\n col: 12,\r\n name: \"showGradesOnlineMsg\",\r\n value: null,\r\n type: \"textarea\",\r\n label: \"Mensaje a mostrar - notas en línea\",\r\n parent: \"showGradesOnline\",\r\n placeholder: \"Escribe un mensaje para que se muestre en la app móvil cuando se desactive la visualización de las notas en línea.\",\r\n maxLength: \"255\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: ctx => !ctx.state.showGradesOnline && ctx.state.showGradesDefault\r\n },\r\n {\r\n col: 12,\r\n name: \"showGradesPDFMsg\",\r\n value: null,\r\n type: \"textarea\",\r\n label: \"Mensaje a mostrar - notas en PDF\",\r\n placeholder: \"Escribe un mensaje para que se muestre en la app móvil cuando la libreta de notas aún no este disponible para la descarga.\",\r\n maxLength: \"255\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: ctx => ctx.state.showGradesDefault && moment(ctx.state.showGradesFrom) > moment()\r\n }\r\n ] \r\n },\r\n \r\n columns: [\r\n {\r\n Header: \"Grado\",\r\n accessor: \"name\",\r\n \r\n },\r\n {\r\n Header: \"Mostar a partir de\",\r\n accessor: \"showGradesFrom\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Libreta en línea\",\r\n accessor: \"showGradesPDF\",\r\n isBool: true\r\n },\r\n {\r\n Header: \"Mensaje a mostrar - Notas en linea\",\r\n accessor: \"showGradesOnlineMsg\"\r\n },\r\n {\r\n Header: \"Mensaje a mostrar - Notas en PDF\",\r\n accessor: \"showGradesPDFMsg\"\r\n }\r\n ]\r\n }\r\n },\r\n renderIf: () => context.state.idItemSelected && context.state.form?.current\r\n }\r\n }\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"Nombre\",\r\n accessor: \"name\",\r\n },\r\n {\r\n Header: \"Desde\",\r\n accessor: \"from\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Hasta\",\r\n accessor: \"to\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Activo\",\r\n accessor: \"active\",\r\n isBool: true\r\n },\r\n {\r\n Header: \"Actual\",\r\n accessor: \"current\",\r\n isBool: true\r\n }\r\n ]\r\n }\r\n}","import _axios from \"../../libs/axios\";\r\nimport { NotificationManager } from \"../../components/common/react-notifications\";\r\nexport default (context) => {\r\n return {\r\n\r\n config: {\r\n pageSize: 40,\r\n customPathGet: \"admGrades/reports\",\r\n list: false,\r\n enableContexMenu: true,\r\n remap: (r, row) => {\r\n r.data.Results = r.data.Results.map(row)\r\n return r;\r\n },\r\n remapRow: (row) => {\r\n if(row.grades>0)row.grades+=' notas';\r\n else if(row.grades===0) row.grades='No';\r\n else row.grades='Sí';\r\n return row;\r\n }\r\n },\r\n\r\n actions: {\r\n create: false,\r\n edit: false,\r\n delete: false,\r\n print: false,\r\n export: false,\r\n search: true\r\n },\r\n\r\n extras:{\r\n items: [\r\n {id: 0, icon: 'simple-icon-cloud-download', name: 'Generar libretas', onClick: () => {\r\n const content = {\r\n name: \"Generar libretas\",\r\n fields: [\r\n {\r\n col: 6,\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Grado\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"periodId\",\r\n value: context.state.formFilter.periodId,\r\n type: \"hidden\",\r\n },\r\n ],\r\n buttons: [\r\n {\r\n label: \"Descargar\",\r\n onClick: (ctx) => {\r\n ctx.validateForm().then(() => {\r\n context.props.setLoader(true)\r\n _axios\r\n .get(`admGrades/job/archive/zip?supersectionId=${ctx.state.superSectionId}&periodId=${ctx.state.periodId}`)\r\n .then(r => {\r\n if (r.status === 0) {\r\n if (r.data && r.data.url) window.open(r.data.url)\r\n context.toggleRight()\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n context.props.setLoader(false)\r\n }).catch(e => {\r\n context.props.setLoader(false)\r\n })\r\n })\r\n .catch(e => { /* console.log(e) */ })\r\n }\r\n }\r\n ]\r\n }\r\n\r\n context.setState({modalRightContent: content}, () => {\r\n context.toggleRight() \r\n })\r\n }}\r\n ],\r\n itemsInRowsTable: [\r\n {\r\n icon: 'simple-icon-note',\r\n name: 'Ver notas de alumno',\r\n onClick: (row, ctx) => {\r\n ctx.view.extras.itemsInRowsTable[0].form.name = 'Notas para: ' + row.name\r\n },\r\n form: {\r\n name: 'Notas de alumno',\r\n remapGET: () => {\r\n return { studentId: context.state.idItemPreSelected }\r\n },\r\n detailGrid: () => {\r\n return {\r\n module: 'admGradesDetail',\r\n parentIdField: 'studentId',\r\n embeded: (c) => {\r\n return {\r\n config: {\r\n hiddenTitle: true,\r\n pageSize: 1000,\r\n list: false,\r\n customPathGet: 'admGrades/getByStudent/' + context.state.idItemPreSelected,\r\n remap: (list,row) =>{ list.data.Results = list.data.Results.map(row); return list},\r\n remapRow: (r) => {\r\n r.grade = r.gradeNum || r.gradeTxt\r\n if (r.l) { r.l0 = '-'; r.l1 = '-' }\r\n else if (r.l0) { r.l1 = '-' }\r\n return r\r\n }\r\n },\r\n \r\n actions: {\r\n print:true,\r\n export: {local: true}\r\n },\r\n \r\n filter: {\r\n fields: [\r\n {\r\n col: 4,\r\n name: \"periodId\",\r\n value: { value: \"0\", label: \"Actual\" },\r\n type: \"select\",\r\n label: \"Periodo\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"admPeriod/get?pick=true\",\r\n isClearable: false\r\n },\r\n onChange: (ctx) => {\r\n if (context.state.formFilter.periodId && (context.state.formFilter.periodId.value === ctx.state.periodId)) return\r\n process.nextTick(() => { c.resetDataTable() })\r\n }\r\n },\r\n {\r\n name: \"levelCount\",\r\n value: 1,\r\n hidden: true\r\n }\r\n ]\r\n },\r\n \r\n columns: [\r\n { Header: \"Curso\", accessor: \"l\" },\r\n { Header: \"Concepto 1\", accessor: \"l0\" },\r\n { Header: \"Concepto 2\", accessor: \"l1\" },\r\n { Header: \"Nota\", accessor: \"grade\" }\r\n ]\r\n }\r\n }\r\n }\r\n },\r\n okMsg: 'Ok',\r\n fields: [\r\n { name: \"studentId\", value: 0, type: \"hidden\" },\r\n { name: \"levelCount\", value: 1, type: \"hidden\" }\r\n ],\r\n onSuccess: (r) => { },\r\n onError: (e) => { }\r\n }\r\n },\r\n {\r\n id: 1, icon: 'simple-icon-cloud-download', name: 'Descargar reporte',\r\n onClick: (row, ctx) => {\r\n var path = ctx.state.formFilter.reportType === 'lib' ? \r\n ('grades/pdfreport/' + ctx.state.formFilter.year + '/' + row.ID + '?periodId=' + ctx.state.formFilter.periodId) :\r\n ('grades/memo/' + ctx.state.formFilter.periodId + '/' + row.ID) \r\n context.props.setLoader(true)\r\n _axios\r\n .get(path)\r\n .then(r => {\r\n if (r.status >= 0) {\r\n window.URL = window.URL || window.webkitURL;\r\n var xhr = new XMLHttpRequest(), a = document.createElement('a'), file;\r\n xhr.open('GET', r.data.url, true);\r\n xhr.responseType = 'blob';\r\n xhr.onload = function () {\r\n file = new Blob([xhr.response], { type : 'application/octet-stream' });\r\n a.href = window.URL.createObjectURL(file);\r\n a.download = r.data.filename; \r\n a.click();\r\n };\r\n xhr.send();\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n context.props.setLoader(false)\r\n }).catch(e => {\r\n context.props.setLoader(false)\r\n })\r\n }\r\n }\r\n ]\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"reportType\",\r\n value: \"lib\",\r\n type: \"select\",\r\n label: \"Tipo de reporte\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: \"lib\",\r\n label: \"Libretas de notas\"\r\n },\r\n {\r\n value: \"mem\",\r\n label: \"Memorandos\"\r\n }\r\n ],\r\n isClearable: false\r\n }\r\n },\r\n {\r\n name: \"year\",\r\n value: new Date().getFullYear(),\r\n type: \"select\",\r\n label: \"Año\",\r\n opts: {\r\n style: 'float-label',\r\n items: function(){\r\n var years=[];\r\n for (let i = new Date().getFullYear(); i > new Date().getFullYear()-5; i--) years.push(i);\r\n return years.map((m)=> {return {\r\n value: m,\r\n label: m\r\n }});\r\n }(),\r\n isClearable: false\r\n }\r\n },\r\n {\r\n name: \"periodId\",\r\n value: { value: \"0\", label: \"Actual\" },\r\n type: \"select\",\r\n label: \"Periodo\",\r\n parent: \"year\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admPeriod/get?pick=true&year=\"+context.state.formFilter.year },\r\n isClearable: false\r\n }\r\n },\r\n {\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Grado\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Sección\",\r\n parent: \"superSectionId\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.formFilter.superSectionId }\r\n },\r\n renderIf: (ctx) => { return ctx.state.superSectionId }\r\n },\r\n ],\r\n buttons: [\r\n {\r\n label: 'Ver reportes',\r\n renderIf: (ctx) => { return ctx.state.periodId || ctx.state.superSectionId },\r\n onClick: (ctx) => {\r\n context.view.config.customPathGet = ctx.state.reportType === 'lib' ? 'admGrades/reports' : 'admGrades/notpassed';\r\n ctx.btnAction('filter') \r\n }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n fields: []\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"Código\",\r\n accessor: \"externalId\"\r\n },\r\n {\r\n Header: \"Alumno\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"Grado / sección\",\r\n accessor: \"sectionTag\"\r\n },\r\n {\r\n Header: \"Notas ingresadas\",\r\n accessor: \"grades\"\r\n }\r\n ]\r\n }\r\n}","import { NotificationManager } from \"../../components/common/react-notifications\";\r\nimport _axios from \"../../libs/axios\";\r\nimport { cloneDeep } from \"lodash\"\r\n\r\nexport default (context) => {\r\n context.refreshData = function () {\r\n _axios\r\n .get('admEvalConcept/get/?PageSize=40&isBehavior=' + this.state.formFilter.isBehavior + '&activityId=' + this.props.filterBy.activityId + '&page=1')\r\n .then(r => {\r\n if (r.status >= 0) {\r\n let data = this.sortConcept(r.data.Results)\r\n this.setState({data: data})\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n }).catch((e) => { this.props.setLoader(false) })\r\n }\r\n\r\n context.sortConcept = function (data) {\r\n data.map(e => {\r\n e.editRow = this.getDataById\r\n e.deleteRow = this.toggleDelete\r\n e.moveConcept = this.moveConcept\r\n e.levelTxt = (e.level + 1)\r\n e.hidden = !e.hidden\r\n return e\r\n })\r\n\r\n let order = []\r\n var maxLevel = Math.max.apply(Math, data.map(function(o) { return o.level; }));\r\n // ordeno el array segun level\r\n for(let i = 0; i<=maxLevel; i++) {\r\n order = order.concat(data.filter((e) => { return e.level === i }).sort((a, b) => { return a.order - b.order })) // ordeno segun order\r\n }\r\n // ordenar segun jerarquía\r\n let items = []\r\n let index = 0\r\n items = order.filter(e => e.parentId === null)\r\n if (items.length > 0) {\r\n let f = () => {\r\n if (items.length === order.length) return\r\n order.forEach((e) => {\r\n if (e.parentId === items[index].ID) items.splice(index + (items.filter(e => e.parentId === items[index].ID).length + 1), 0, e)\r\n });\r\n index++\r\n f()\r\n }\r\n f()\r\n }\r\n\r\n return items\r\n }\r\n\r\n context.moveConcept = function (item, move) {\r\n // console.log(this.state.data)\r\n const footprint = cloneDeep(this.state.data)\r\n let data = cloneDeep(this.state.data)\r\n if (move === 'up')\r\n {\r\n let index = data.findIndex(e => e.ID === item.ID)\r\n let brothers = data.filter(e => e.parentId === item.parentId)\r\n let indexAsBrother = brothers.findIndex(e => e.ID === item.ID)\r\n if (index === 0 || indexAsBrother === 0) return NotificationManager.error(\"No se puede mover '\"+item.name+\"' más arriba\", \"No se ha movido el concepto\", 3000, null, null, 'outline')\r\n\r\n else {\r\n /*\r\n const indexOfBrother = data.findIndex(e => e.ID === brothers[indexAsBrother - 1].ID)\r\n const temp1 = data[index].order\r\n const temp2 = data[indexOfBrother].order\r\n data[indexOfBrother].order = temp1\r\n */\r\n data[index].order = -1000\r\n // console.log(data[index].order)\r\n }\r\n }\r\n if (move === 'down')\r\n {\r\n let index = data.findIndex(e => e.ID === item.ID)\r\n let brothers = data.filter(e => e.parentId === item.parentId)\r\n let indexAsBrother = brothers.findIndex(e => e.ID === item.ID)\r\n if (((indexAsBrother + 1) === brothers.length)) return NotificationManager.error(\"No se puede mover '\"+item.name+\"' más abajo\", \"No se ha movido el concepto\", 3000, null, null, 'outline')\r\n else {\r\n /*\r\n const indexOfBrother = data.findIndex(e => e.ID === brothers[indexAsBrother + 1].ID)\r\n const temp1 = data[index].order\r\n const temp2 = data[indexOfBrother].order\r\n data[indexOfBrother].order = temp1\r\n */\r\n data[index].order = 1000\r\n // console.log(data[index].order)\r\n }\r\n }\r\n if (move === 'left')\r\n {\r\n // get new parent or make parent\r\n let brothers = data.filter(e => e.parentId === item.parentId)\r\n // console.log(brothers)\r\n if (item.level === 0 || brothers[brothers.length - 1].ID !== item.ID) return NotificationManager.error(\"No se puede mover '\"+item.name+\"' a la izquierda, mueva primero los últimos de cada nivel\", \"No se ha movido el concepto\", 3000, null, null, 'outline')\r\n data[data.findIndex(e => e.ID === item.ID)].parentId = item.level === 1 ? null : data[data.findIndex(e => e.ID === brothers[0].ID) - 1].parentId\r\n\r\n // change level\r\n let start = data.findIndex(e => e.ID === item.ID)\r\n let stop = data.findIndex((e, index1) => index1 > start && e.level <= item.level)\r\n stop = stop === -1 ? data.length : stop - 1\r\n\r\n // console.log(start, stop)\r\n data.forEach((e, index) => {\r\n if(index >= start && index <= stop) e.level = e.level - 1\r\n });\r\n }\r\n else if (move === 'right')\r\n {\r\n // get new parent\r\n let levels = data.filter(e => e.level === item.level)\r\n let index = levels.findIndex(e => e.ID === item.ID)\r\n let indexGroup = levels.filter(e => e.parentId === item.parentId).findIndex(e => e.ID === item.ID)\r\n if (index <= 0 || indexGroup <= 0) return NotificationManager.error(\"No se puede mover '\"+item.name+\"' más a la derecha\", \"No se ha movido el concepto\", 3000, null, null, 'outline')\r\n else data[data.findIndex(e => e.ID === item.ID)].parentId = levels[index - 1].ID\r\n\r\n // change level\r\n let start = data.findIndex(e => e.ID === item.ID)\r\n let stop = data.findIndex((e, index1) => index1 > start && e.level <= item.level)\r\n stop = stop === -1 ? data.length : stop - 1\r\n\r\n // console.log(start, stop)\r\n data.forEach((e, index) => {\r\n if(index >= start && index <= stop) e.level = e.level + 1\r\n });\r\n }\r\n \r\n let order = []\r\n var maxLevel = Math.max.apply(Math, data.map(function(o) { return o.level; }));\r\n // ordeno el array segun level\r\n for(let i = 0; i<=maxLevel; i++) {\r\n order = order.concat(data.filter((e) => { return e.level === i }).sort((a, b) => { return a.order - b.order })) // ordeno segun order\r\n }\r\n // console.log(order)\r\n // ordenar segun jerarquía\r\n let res = []\r\n let index = 0\r\n res = order.filter(e => e.parentId === null)\r\n if (res.length > 0) {\r\n let f = () => {\r\n if (res.length === order.length) return\r\n order.forEach((e) => {\r\n if (e.parentId === res[index].ID) res.splice(index + (res.filter(e => e.parentId === res[index].ID).length + 1), 0, e)\r\n });\r\n index++\r\n f()\r\n }\r\n f()\r\n }\r\n \r\n res.map(e => e.levelTxt = (e.level+1))\r\n\r\n /*\r\n this.setState({data: r}, () => {\r\n this.props.setLoader(true)\r\n // console.log(this.state.data)\r\n const temp = cloneDeep(this.state.data)\r\n const save = (i) => {\r\n if (i > (temp.length - 1)) {\r\n this.props.setLoader(false)\r\n return\r\n }\r\n const item = temp[i]\r\n delete item.moveConcept\r\n delete item.toggle\r\n delete item.toggleDelete\r\n delete item.name\r\n delete item.abrev\r\n item.grid = true\r\n // item.level = 0\r\n // item.order = 0\r\n // item.parentId = null\r\n _axios\r\n .post('admEvalConcept/edit/' + item.ID, item)\r\n .then(r => {\r\n if (r.status >= 0) {\r\n i = i + 1\r\n save(i)\r\n } else NotificationManager.error(r.msg, \"Error\", 5000, null, null, 'outline')\r\n }).catch((e) => { this.props.setLoader(false) })\r\n }\r\n save(0)\r\n })\r\n */\r\n\r\n this.props.setLoader(true)\r\n let temp = cloneDeep(res)\r\n temp = temp.filter(f => footprint.some(s=> s.ID === f.ID && (f.level!==s.level || f.order!==s.order || f.parentId!==s.parentId)))\r\n\r\n const save = (i) => {\r\n if (i > (temp.length - 1)) {\r\n this.props.setLoader(false)\r\n this.refreshData()\r\n return\r\n }\r\n const item = temp[i]\r\n delete item.moveConcept\r\n delete item.toggle\r\n delete item.toggleDelete\r\n delete item.name\r\n delete item.abrev\r\n item.hidden = !item.hidden\r\n item.grid = true\r\n if (move === 'up') item.order = -1\r\n if (move === 'down') item.order = 1\r\n if (['left', 'right'].indexOf(move) > -1) delete item.order\r\n \r\n \r\n _axios\r\n .post('admEvalConcept/edit/' + item.ID, item)\r\n .then(r => {\r\n if (r.status >= 0) {\r\n /*\r\n let d = cloneDeep(res)\r\n d.map((e) => {\r\n if (e.ID === item.ID) e = item\r\n return e\r\n })\r\n this.setState({data: d})\r\n */\r\n i = i + 1\r\n save(i)\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n }).catch((e) => { this.props.setLoader(false) })\r\n }\r\n save(0)\r\n }\r\n\r\n return {\r\n config: {\r\n hiddenTitle: true,\r\n pageSize: 100,\r\n list: false,\r\n getDataSuccess: (data) => {\r\n let r = context.sortConcept(data)\r\n return r\r\n }\r\n },\r\n\r\n actions: {\r\n create: context.props.userAdmin.role === '100' ? {\r\n reloadGrid: true\r\n } : false,\r\n edit: {\r\n reloadGrid: true\r\n },\r\n delete: true,\r\n print: {\r\n local: true\r\n },\r\n export: {\r\n local: true\r\n }\r\n },\r\n\r\n extras: {\r\n maxActions: 0,\r\n itemsInRowsTable: (() => {\r\n let items = [\r\n {\r\n icon: 'simple-icon-plus', name: 'Agregar Nivel', onClick: (rowData, ctx) => {\r\n context.state.formFields.map((e) => {\r\n if (e.name === 'parentId') e.value = { value: rowData.ID, label: rowData.name }\r\n if (e.name === 'level') e.value = rowData.level + 1\r\n return e\r\n })\r\n context.toggle()\r\n setTimeout(() => { context.view.actions.create = {reloadGrid: true} }, 500)\r\n }\r\n },\r\n {\r\n icon: 'simple-icon-arrow-up-circle', name: 'Mover arriba', onClick: (rowData, ctx) => {\r\n ctx.moveConcept(rowData, 'up')\r\n }\r\n },\r\n {\r\n icon: 'simple-icon-arrow-down-circle', name: 'Mover abajo', onClick: (rowData, ctx) => {\r\n ctx.moveConcept(rowData, 'down')\r\n }\r\n },\r\n {\r\n icon: 'simple-icon-arrow-right-circle', name: 'Mover derecha', onClick: (rowData, ctx) => {\r\n ctx.moveConcept(rowData, 'right')\r\n }\r\n },\r\n {\r\n icon: 'simple-icon-arrow-left-circle', name: 'Mover izquierda', onClick: (rowData, ctx) => {\r\n ctx.moveConcept(rowData, 'left')\r\n }\r\n }\r\n ]\r\n return items\r\n })()\r\n },\r\n\r\n filter:{\r\n fields: [\r\n {\r\n name: \"isBehavior\",\r\n value: false,\r\n type: \"select\",\r\n label: \"Tipo\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: false,\r\n label: \"Notas\"\r\n },\r\n {\r\n value: true,\r\n label: \"Conducta\"\r\n }\r\n ],\r\n isClearable: false\r\n },\r\n onChange: (ctx) => {\r\n if (ctx.state.isBehavior === context.state.formFilter.isBehavior) return\r\n process.nextTick(() => { context.resetDataTable() })\r\n }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.type = r.data.type + ''\r\n if (r.data.parentId) r.data.parentId = { value: r.data.parentId, label: r.data.parentName }\r\n // Set weightType based on weight value\r\n r.data.weightType = r.data.weight === 0 ? \"none\" : r.data.weight === -1 ? \"auto\" : \"manual\"\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n v.order = 0\r\n // Set weight to -1 if weightType is auto\r\n if (v.weightType === \"auto\") v.weight = -1\r\n else if (v.weightType === \"none\") v.weight = 0\r\n \r\n // create\r\n if (!context.state.idItemSelected) {\r\n v.weight = v.weightType === \"auto\" ? -1 : 0\r\n v.activityId = context.props.filterBy.activityId\r\n v.ID = 0\r\n v.type = v.type || 0\r\n }\r\n\r\n if (v.parentId && v.parentId.value) v.parentId=v.parentId.value\r\n return v\r\n },\r\n fields: [\r\n {\r\n col: 6,\r\n name: \"specialType\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Tipo:\",\r\n opts: {\r\n style: 'float-label',\r\n itemsF: () => {\r\n const r = context.state.formFilter.isBehavior ? \r\n [\r\n {\r\n value: \"3\",\r\n label: \"Conducta\"\r\n },\r\n {\r\n value: \"4\",\r\n label: \"Conducta Descriptiva\"\r\n }\r\n ]\r\n :\r\n [\r\n {\r\n value: \"\",\r\n label: \"Nota\"\r\n },\r\n {\r\n value: \"2\",\r\n label: \"Nota Descriptiva\"\r\n },\r\n {\r\n value: \"5\",\r\n label: \"Concepto > Unidad > Evaluación\"\r\n }\r\n ]\r\n return r\r\n },\r\n isClearable: false\r\n },\r\n renderIf: (ctx) => !context.state.idItemSelected && ([0, \"0\"].indexOf(ctx.state.level) > -1)\r\n },\r\n {\r\n col: 12,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Concepto\",\r\n hint:\"Nombre del concepto\",\r\n rules: 'required|max:400',\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"parentId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Concepto padre\",\r\n parent: \"specialType\",\r\n opts: {\r\n style: 'float-label',\r\n path: (ctx) => { return \"/admEvalConcept/get?pick=true&activityId=\" + context.props.filterBy.activityId + \"&isBehavior=\" + ([3, \"3\"].indexOf(ctx.state.specialType) > -1 ? \"true\" : \"false\") },\r\n \r\n },\r\n renderIf: (ctx) => !context.state.idItemSelected,\r\n disabled: context.props.userAdmin.role !== '100'\r\n },\r\n {\r\n name: \"level\",\r\n value: \"0\",\r\n type: \"hidden\",\r\n },\r\n {\r\n name: \"order\",\r\n value: \"\",\r\n type: \"hidden\",\r\n },\r\n {\r\n col: 4,\r\n name: \"abrev\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Abreviación\",\r\n rules: 'required|min:2|max:5',\r\n opts: {\r\n style: 'float-label',\r\n },\r\n },\r\n {\r\n name: \"type\",\r\n value: \"\",\r\n type: \"hidden\", //\"select\",\r\n label: \"Tipo de evaluación\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {value: \"0\", label: \"Cuantitativa\"},\r\n {value: \"1\", label: \"Cualitativa\"}\r\n ],\r\n isClearable: false\r\n }\r\n }, \r\n {\r\n col: 5,\r\n name: \"weightType\",\r\n value: \"auto\",\r\n type: \"select\", \r\n label: \"Tipo de ponderación\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {value: \"auto\", label: \"% automático\"},\r\n {value: \"manual\", label: \"% manual\"}, \r\n {value: \"none\", label: \"Ninguna\"}\r\n ],\r\n isClearable: false\r\n },\r\n renderIf: () => context.props.userAdmin.role === '100' \r\n },\r\n {\r\n col: 3,\r\n name: \"weight\",\r\n value: \"100\",\r\n type: \"number\",\r\n label: \"Ponderación (% del 1 al 100)\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: (ctx) => ctx.state.weightType === \"manual\" && context.props.userAdmin.role === '100'\r\n },\r\n {\r\n col: 12,\r\n name: \"separator1\", \r\n type: \"separator\"\r\n },\r\n {\r\n col: 12,\r\n name: \"qualifications\",\r\n value: \"AD,A,B,C\",\r\n type: \"hidden\", //\"text\",\r\n label: \"Opciones de calificación cualitativa\",\r\n hint: \"Ingresar los caracteres cualitativos en orden de valor mayor a menor, separarlos por comas\",\r\n opts: {\r\n style: 'float-label' \r\n },\r\n renderIf: (ctx)=> ctx.state.type === \"1\"\r\n },\r\n {\r\n name: \"locked\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"Promedia según subconceptos\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: (ctx) => context.props.userAdmin.role === '100'\r\n },\r\n {\r\n col: 6,\r\n name: \"canEdit\",\r\n value: true,\r\n type: \"switch\",\r\n label: \"Permitir editar a profesores del curso/sección\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: (ctx)=> context.props.userAdmin.role === '100' && ([0, \"0\"].indexOf(ctx.state.level) > -1)\r\n },\r\n {\r\n col: 6,\r\n name: \"hidden\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"Ocultar en libreta\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: () => context.props.userAdmin.role === '100' \r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"Nivel\",\r\n accessor: \"levelTxt\",\r\n type: 'text',\r\n maxWidth: 50,\r\n },\r\n {\r\n Header: \"Concepto\",\r\n accessor: \"name\",\r\n type: 'concept',\r\n maxWidth: 380\r\n },\r\n {\r\n Header: \"Abrev\",\r\n accessor: \"abrev\",\r\n type: 'text',\r\n maxWidth: 60\r\n },\r\n {\r\n Header: \"Visible\",\r\n accessor: \"hidden\",\r\n isBool: true,\r\n maxWidth: 60\r\n }\r\n ]\r\n }\r\n}","import _axios from \"../../libs/axios\";\r\nimport { NotificationManager } from \"../../components/common/react-notifications\";\r\nimport moment from \"moment\";\r\nexport default (context) => {\r\n return {\r\n config: {\r\n resource: \"admTracking\",\r\n pageSize: 40,\r\n list: false,\r\n remap: (r) => {\r\n r.data.Results.map(d => d.notifOn = d.notifOn ? \"Sí\" : null)\r\n return r\r\n },\r\n remapRow: (form, data, action) => {\r\n if (data) form.status = data.status\r\n form.grado = form.sectionName.label\r\n form.user = form.userId.label\r\n form.dateFrom = moment(form.dateFrom).format('YYYY-MM-DD HH:mm')\r\n form.masterName = action === \"create\" && context.props.userAdmin.role === '5' ? (context.props.userAdmin.name + ' ' + context.props.userAdmin.last) : form.masterId.label\r\n form.notifOn = form.notify ? \"Sí\" : form.notifOn ? \"Sí\" : null\r\n return form\r\n }\r\n },\r\n\r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"type\",\r\n value: \"behavior\",\r\n type: \"hidden\",\r\n },\r\n {\r\n name: \"periodId\",\r\n value: { value: \"0\", label: \"Actual\" },\r\n type: \"select\",\r\n label: \"Periodo\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admPeriod/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Grado\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Sección\",\r\n parent: \"superSectionId\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.formFilter.superSectionId }\r\n }\r\n },\r\n {\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Alumno\",\r\n rules: 'required',\r\n parent: \"sectionId\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admStudent/get?pick=true§ionId=\" + context.state.formFilter.sectionId }\r\n }\r\n },\r\n {\r\n type: \"daterange\"\r\n },\r\n {\r\n name: \"status\",\r\n value: -1,\r\n type: \"select\",\r\n label: \"Estado\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: -1,\r\n label: \"[Todos]\"\r\n },\r\n {\r\n value: 0,\r\n label: \"Iniciado\"\r\n },\r\n {\r\n value: 1,\r\n label: \"En proceso\"\r\n },\r\n {\r\n value: 2,\r\n label: \"Terminado\"\r\n },\r\n ]\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n renderIf: (ctx) => { return ctx.state.periodId || ctx.state.superSectionId || ctx.state.userId || ctx.state.from || ctx.state.to },\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n detailGrid: () => {\r\n return context.state.idItemSelected ?\r\n {\r\n module: 'admBookingList', \r\n filterBy: (ctx) => { return { userId: ctx.state.userId, IN: ctx.state.bookings ? JSON.stringify(ctx.state.bookings) : \"[]\" } },\r\n embeded: (c) => {\r\n process.nextTick(() => { c.setState({ dataTableList: true }) })\r\n return {\r\n config: {\r\n resource: \"admBooking\", \r\n pageSize: 20\r\n },\r\n actions: {\r\n create: false,\r\n edit: true,\r\n delete: false,\r\n search: false,\r\n print: false,\r\n export: false\r\n },\r\n form: {\r\n fields: [\r\n {\r\n col: 6,\r\n name: \"userName\",\r\n type: \"text\",\r\n label: \"Alumno\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 6,\r\n name: \"resourceName\",\r\n type: \"text\",\r\n label: \"Profesor\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 6,\r\n name: \"dtDate\",\r\n type: \"date\",\r\n label: \"Fecha\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 6,\r\n name: \"status\",\r\n value: 0,\r\n type: \"select\",\r\n label: \"Estado\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: 0,\r\n label: \"Separada\"\r\n },\r\n {\r\n value: 1,\r\n label: \"Confirmada\"\r\n },\r\n {\r\n value: 2,\r\n label: \"Completada\"\r\n },\r\n ]\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 12,\r\n name: \"notes\",\r\n type: \"textarea\",\r\n label: \"Anotaciones / Comentarios\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"notesCompleted\",\r\n type: \"textarea\",\r\n label: \"Informe\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n }\r\n ]\r\n },\r\n columns: [ \r\n {\r\n Header: \"Fecha\",\r\n accessor: \"dtDate\",\r\n isDate: true,\r\n classList:'w-50'\r\n },\r\n {\r\n Header: \"Profesor\",\r\n accessor: \"resourceName\",\r\n classList:'w-50'\r\n },\r\n {\r\n Header: \"Asunto\",\r\n accessor: \"notes\",\r\n classList:'w-100'\r\n },\r\n {\r\n Header: \"Informe\",\r\n accessor: \"notesCompleted\",\r\n classList:'w-100'\r\n }\r\n ]\r\n }\r\n }\r\n } : null\r\n },\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.periodId = { value: r.data.periodId, label: r.data.periodName }\r\n r.data.gradeName = { value: r.data.gradeName, label: r.data.gradeName }\r\n r.data.sectionName = { value: r.data.sectionName, label: r.data.sectionName }\r\n r.data.userId = { value: r.data.userId, label: r.data.userName }\r\n r.data.masterId = { value: r.data.masterId, label: r.data.masterName }\r\n r.data.labelNotifOn = `${r.data.notifOn ? \"Notificado: Sí\" : \"Notificado: No\"}
` \r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n v.values1.map(e => {\r\n e.selected = true\r\n e.ID = e.value\r\n e.name = e.label\r\n delete e.desc\r\n delete e.id\r\n delete e.img\r\n delete e.value\r\n delete e.label\r\n return e\r\n })\r\n\r\n v.sectionName = v.sectionName.value\r\n v.userId = v.userId.value\r\n v.masterId = context.state.idItemSelected ? v.masterId.value : (context.props.userAdmin.role === '5' ? context.props.userAdmin.ID : v.masterId.value)\r\n\r\n delete v.flags\r\n delete v.btn1\r\n delete v.notifOn\r\n return v\r\n },\r\n fields: [\r\n {\r\n name: \"type\",\r\n value: \"behavior\",\r\n type: \"hidden\",\r\n },\r\n {\r\n name: \"status\",\r\n value: 0,\r\n type: \"hidden\",\r\n },\r\n {\r\n col: 4,\r\n name: \"periodId\",\r\n value: { value: \"0\", label: \"Actual\" },\r\n type: \"select\",\r\n label: \"Periodo\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admPeriod/get?pick=true\"\r\n },\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 4,\r\n name: \"gradeName\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Grado\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n },\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 4,\r\n name: \"sectionName\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Sección\",\r\n rules: 'required',\r\n parent: 'gradeName',\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.form.gradeName },\r\n setOutput: v => v,\r\n },\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 6,\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Alumno\",\r\n rules: 'required',\r\n parent: 'sectionName',\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admStudent/get?pick=true\" + (context.state.form.sectionName ? \"§ionId=\" + context.state.form.sectionName.value : \"\") },\r\n setOutput: v => v,\r\n },\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 6,\r\n name: \"masterId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Profesor\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admStaff/get?pick=true\" },\r\n setOutput: v => v,\r\n },\r\n renderIf: () => { return context.props.userAdmin.role !== '5' }\r\n },\r\n {\r\n col: 6,\r\n name: \"dateFrom\",\r\n value: \"\",\r\n type: \"date\",\r\n label: \"Fecha\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"values1\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Valor relacionado\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n isMulti: true,\r\n path: () => { return \"general/getlist/trackingValues1\" },\r\n remap: (r) => {\r\n return {\r\n data: {\r\n Results: r.data.map(e => {\r\n e.ID = e.id\r\n return e\r\n })\r\n },\r\n msg: r.msg,\r\n status: r.status\r\n }\r\n },\r\n setOutput: v => v\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-1\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Descripción de la situación\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note1\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"Descripción de la situación\",\r\n rules: \"required\"\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-2\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Testimonio del estudiante\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note2\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"Testimonio del estudiante\",\r\n rules: \"required\"\r\n }\r\n ]\r\n },\r\n {\r\n col: 4,\r\n name: \"negative\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Tipo\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {label: 'Felicitación', value: false},\r\n {label: 'Oportunidad de Mejora', value: true}\r\n ]\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"readOn\",\r\n value: \"\",\r\n type: \"date\",\r\n label: \"Visto por padre(s)\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: () => true,\r\n renderIf: () => { return context.state.idItemSelected }\r\n },\r\n {\r\n col: 4,\r\n name: \"online\",\r\n value: false,\r\n type: \"select\",\r\n label: \"Tipo de informe\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {label: 'Presencial', value: false}\r\n /* {label: 'Virtual', value: true} */\r\n ]\r\n },\r\n disabled: () => context.state.idItemSelected ? true : false,\r\n },\r\n {\r\n col: 4,\r\n name: \"notify\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"Notificar al padre de familia\",\r\n renderIf: () => ['20', '100'].indexOf(context.props.userAdmin.role) > -1 // Solo mostrar si el usuario tiene tiene rol de \"Coordinador de nivel\" o \"admin\"\r\n },\r\n {\r\n name: \"notifOn\",\r\n value: null,\r\n type: \"hidden\",\r\n },\r\n {\r\n col: 4,\r\n name: \"labelNotifOn\",\r\n value: \"\",\r\n type: \"label\"\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-3\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Entrevista con el tutor\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note3\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"Entrevista con el tutor\"\r\n }\r\n ],\r\n renderIf: (ctx) => { return ctx.state.online === false }\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-4\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Entrevista con el coordinador de nivel\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note4\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"Entrevista con el coordinador de nivel\"\r\n }\r\n ],\r\n renderIf: (ctx) => { return ctx.state.online === false }\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-5\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Entrevista con el padre de familia\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note5\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"Entrevista con el padre de familia\"\r\n }\r\n ],\r\n renderIf: (ctx) => { return ctx.state.online === false }\r\n },\r\n {\r\n col: 12,\r\n name: \"colEmpty1\",\r\n type: \"separator\"\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"file1\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"Adjunto 1\",\r\n opts: {\r\n path: ()=> \"admTracking/file\"\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"file2\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"Adjunto 2\",\r\n opts: {\r\n path: ()=> \"admTracking/file\"\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"file3\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"Adjunto 3\",\r\n opts: {\r\n path: ()=> \"admTracking/file\"\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"bookings\",\r\n value: null,\r\n type: \"hidden\",\r\n label: \"\"\r\n },\r\n {\r\n col: 12,\r\n name: \"userName\",\r\n value: \"\",\r\n type: \"hidden\",\r\n label: \"\"\r\n },\r\n {\r\n col: 12,\r\n label: \"Descargar PDF\",\r\n name: \"downloadPDF\",\r\n value: \"\",\r\n type: \"button\",\r\n onClick: () => {\r\n context.props.setLoader(true)\r\n _axios\r\n .get('admTracking/pdf/' + context.state.idItemSelected)\r\n .then(r => {\r\n if (r.status === 0) {\r\n window.URL = window.URL || window.webkitURL;\r\n var xhr = new XMLHttpRequest(), a = document.createElement('a'), file;\r\n xhr.open('GET', r.data.url, true);\r\n xhr.responseType = 'blob';\r\n xhr.onload = function () {\r\n file = new Blob([xhr.response], { type : 'application/octet-stream' });\r\n a.href = window.URL.createObjectURL(file);\r\n a.download = r.data.filename; \r\n a.click();\r\n };\r\n xhr.send();\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n context.props.setLoader(false)\r\n }).catch(e => {\r\n context.props.setLoader(false)\r\n })\r\n },\r\n renderIf: () => { return context.state.idItemSelected }\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"Estado\",\r\n accessor: \"status\",\r\n type: 'chip',\r\n chips: {\r\n '0': {text:'INICIADO',color:'red'},\r\n '1': {text:'EN PROCESO',color:'orange'},\r\n '2': {text:'FINALIZADO',color:'green'}\r\n }\r\n },\r\n {\r\n Header: \"Alumno\",\r\n accessor: \"user\"\r\n },\r\n {\r\n Header: \"Grado\",\r\n accessor: \"grado\"\r\n },\r\n {\r\n Header: \"Fecha\",\r\n accessor: \"dateFrom\",\r\n isDate: true,\r\n format: \"YYYY-MM-DD\"\r\n },\r\n {\r\n Header: \"Profesor\",\r\n accessor: \"masterName\"\r\n },\r\n {\r\n Header: \"Visto\",\r\n accessor: \"readOn\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Notificado PPFF\",\r\n accessor: \"notifOn\"\r\n }\r\n ]\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","export default (context) => {\r\n return {\r\n \r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n remapRow: (form) => {\r\n return form\r\n }\r\n },\r\n \r\n actions: {\r\n create: {\r\n reloadGrid: true\r\n },\r\n edit: {\r\n reloadGrid: true\r\n },\r\n delete: true,\r\n print: false,\r\n export: false,\r\n search: true\r\n },\r\n \r\n filter: {\r\n fields: [\r\n {\r\n name: \"type\",\r\n value: { value: \"none\", label: \"[Seleccionar]\" },\r\n type: \"select\",\r\n label: \"Tipo\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admOtlt/types\",\r\n remap: (r) => {\r\n if (r.data.Results) r.data.Results = r.data.Results.map(e => e = { ID: e, name: e })\r\n return r\r\n },\r\n isClearable: false\r\n },\r\n onChange: (ctx) => {\r\n if (context.state.formFilter.type && (context.state.formFilter.type.value === ctx.state.type)) return\r\n process.nextTick(() => { context.resetDataTable() })\r\n }\r\n },\r\n ]\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.type = {value: r.data.type, label: r.data.type }\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n return v\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Tipo\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admOtlt/types\",\r\n remap: (r) => {\r\n if (r.data.Results) r.data.Results = r.data.Results.map(e => e = { ID: e, name: e })\r\n return r\r\n }\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"value\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Valor\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"label\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Etiqueta\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"createdDate\",\r\n value: null,\r\n type: \"datetime\",\r\n label: `Fecha creación`,\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true,\r\n renderIf: (ctx) => { return context.state.idItemSelected }\r\n },\r\n {\r\n col: 6,\r\n name: \"createdByName\",\r\n value: null,\r\n type: \"text\",\r\n label: `Creado por`,\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true,\r\n renderIf: (ctx) => { return context.state.idItemSelected }\r\n },\r\n {\r\n col: 6,\r\n name: \"updatedDate\",\r\n value: null,\r\n type: \"datetime\",\r\n label: \"Fecha modificación\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true,\r\n renderIf: (ctx) => { return context.state.idItemSelected }\r\n },\r\n {\r\n col: 6,\r\n name: \"updatedByName\",\r\n value: null,\r\n type: \"text\",\r\n label: `Modficado por`,\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true,\r\n renderIf: (ctx) => { return context.state.idItemSelected }\r\n },\r\n {\r\n col: 12,\r\n name: \"inactive\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"main.inactive\"\r\n }\r\n ]\r\n },\r\n \r\n columns: [\r\n {\r\n Header: \"ID\",\r\n accessor: \"ID\",\r\n width: 50\r\n },\r\n {\r\n Header: \"Valor\",\r\n accessor: \"value\"\r\n },\r\n {\r\n Header: \"Etiqueta\",\r\n accessor: \"label\"\r\n },\r\n {\r\n Header: \"Estado\",\r\n accessor: \"inactive\",\r\n type: 'chip',\r\n chips: {\r\n false: {text:'',color:'lightgreen'},\r\n true: {text:'',color:'orange'}\r\n }\r\n },\r\n {\r\n Header: \"Fecha creación\",\r\n accessor: \"createdDate\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Fecha modificación\",\r\n accessor: \"updatedDate\",\r\n isDate: true\r\n }\r\n ]\r\n }\r\n }","import _axios from \"../../libs/axios\";\r\nimport { NotificationManager } from \"../../components/common/react-notifications\";\r\nimport { cloneDeep } from \"lodash\"\r\n\r\nexport default (context) => {\r\n\r\n context.saveGrade = function (item) {\r\n this.props.setLoader(true);\r\n // console.log(this.state.form)\r\n let body = {\r\n grades: [\r\n {\r\n averaged: \"0\",\r\n conceptId: item.conceptId,\r\n gradeTxt: this.state.form[item.concept].toUpperCase(),\r\n studentId: this.state.idItemSelected,\r\n }\r\n ]\r\n }\r\n // console.log(body)\r\n _axios\r\n .post('admGrades/master', body)\r\n .then(r => {\r\n this.props.setLoader(false)\r\n if (r && r.msg) NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n }).catch((e) => {\r\n console.log(e)\r\n this.props.setLoader(false)\r\n })\r\n }\r\n\r\n context.openSubGrid = function (ctx) {\r\n context.props.setLoader(true);\r\n _axios\r\n .get(\"/admGrades/getByStudent/\" + context.state.idItemSelected + \"?periodId=0&isBehavior=true&periodId=\" + this.state.formFilter.periodId)\r\n .then(r => {\r\n if (r.status >= 0) {\r\n // console.log(this.view.form.subforms[0].fields)\r\n if (r.data && r.data.Results) {\r\n this.all = null\r\n const qualifications = r.data.Results[0].qualifications\r\n const qualificationsList = qualifications.split(',').map(e => e = {value: e, label: e})\r\n\r\n r.data.Results.forEach(e => {\r\n this[\"grade_\" + e.conceptId] = e.gradeTxt\r\n })\r\n let updateAverage = (ctxForm) => {\r\n _axios\r\n .get('admGrades/group?studentId=' + this.state.idItemSelected + '&isBehavior=true')\r\n .then(r => {\r\n if (r && r.status >= 0) {\r\n ctxForm.setState({average: r.data.find(e => e.concept === 'CPROM').gradeTxt})\r\n }\r\n }).catch((e) => {\r\n console.log(e)\r\n })\r\n }\r\n\r\n let temp = []\r\n temp.push(\r\n {\r\n col: 12,\r\n name: \"Actualizar\",\r\n value: \"Actualizar todas las notas\",\r\n type: \"label\"\r\n },\r\n {\r\n col: 6,\r\n name: \"all\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Nota\",\r\n opts: {\r\n style: 'float-label',\r\n items: qualificationsList\r\n },\r\n onChange: (ctx) => {\r\n ctx.setState({btnSaveAll: this['all'] !== ctx.state['all']})\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"btnSaveAll\",\r\n type: \"button\",\r\n label: \"Guardar\",\r\n onClick: (ctx) => {\r\n context.props.setLoader(true);\r\n let body = {\r\n grades: []\r\n }\r\n // console.log(ctx)\r\n ctx.props.fields.forEach(e => {\r\n if (e.name.indexOf(\"grade\") > -1) {\r\n ctx.setState({[e.name]: ctx.state.all})\r\n context[e.name] = ctx.state.all\r\n body.grades.push(\r\n {\r\n averaged: \"0\",\r\n conceptId: e.name.split('_')[1],\r\n gradeTxt: ctx.state.all,\r\n studentId: context.state.idItemSelected\r\n }\r\n )\r\n }\r\n })\r\n _axios\r\n .post('admGrades/master', body)\r\n .then(r => {\r\n context.props.setLoader(false)\r\n if (r && r.status >= 0) {\r\n ctx.setState({btnSaveAll: false})\r\n context.all = ctx.state.all\r\n updateAverage(ctx)\r\n }\r\n if (r && r.msg) NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n }).catch((e) => {\r\n context.props.setLoader(false);\r\n })\r\n },\r\n classNameF: (ctx) => {\r\n return ctx.state.btnSaveAll && ctx.state.all ? '' : 'd-none'\r\n },\r\n },\r\n {\r\n col: 12,\r\n name: \"hr\",\r\n value: \"\",\r\n type: \"label\"\r\n },\r\n {\r\n col: 6,\r\n name: \"average\",\r\n value: ctx.state.CPROM,\r\n type: \"text\",\r\n label: \"Consejo de Promoción\",\r\n disabled: true\r\n },\r\n {\r\n col: 6,\r\n name: \"space\",\r\n value: \"\",\r\n type: \"label\"\r\n }\r\n )\r\n\r\n r.data.Results.forEach((e, i) => {\r\n // console.log(e.gradeTxt, e.l0)\r\n if (e.l0) {\r\n temp.push(\r\n /*\r\n {\r\n col: 6,\r\n name: \"grade_\" + e.conceptId,\r\n value: e.gradeTxt,\r\n type: \"text\",\r\n label: e.l0,\r\n opts: {\r\n style: 'float-label'\r\n },\r\n maxLength: \"2\"\r\n },\r\n */\r\n {\r\n col: 6,\r\n name: \"grade_\" + e.conceptId,\r\n value: e.gradeTxt,\r\n type: \"select\",\r\n label: e.l0,\r\n opts: {\r\n style: 'float-label',\r\n items: qualificationsList\r\n },\r\n onChange: (ctx) => {\r\n ctx.setState({['btn_' + e.conceptId]: this['grade_' + e.conceptId] !== ctx.state['grade_' + e.conceptId]})\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"btn_\" + e.conceptId,\r\n type: \"button\",\r\n label: \"Modificar\",\r\n value: false,\r\n onClick: (ctx) => {\r\n context.props.setLoader(true);\r\n const body = {\r\n grades: [\r\n {\r\n averaged: \"0\",\r\n conceptId: e.conceptId,\r\n gradeTxt: ctx.state[\"grade_\" + e.conceptId],\r\n studentId: context.state.idItemSelected\r\n }\r\n ]\r\n }\r\n _axios\r\n .post('admGrades/master', body)\r\n .then(r => {\r\n context.props.setLoader(false);\r\n if (r && r.status >= 0) {\r\n ctx.setState({['btn_' + e.conceptId]: false})\r\n context[\"grade_\" + e.conceptId] = ctx.state['grade_' + e.conceptId]\r\n updateAverage(ctx)\r\n }\r\n if (r && r.msg) NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n }).catch((e) => {\r\n context.props.setLoader(false);\r\n })\r\n },\r\n classNameF: (ctx) => {\r\n return ctx.state['btn_' + e.conceptId] && ctx.state[\"grade_\" + e.conceptId] ? '' : 'd-none'\r\n },\r\n }\r\n )\r\n }\r\n });\r\n\r\n this.view.form.subforms[0].fields = temp\r\n this.view.form.subforms[0].listenToogleSubform = (open) => {\r\n if (!open) this.getGrades(true)\r\n }\r\n // console.log(temp)\r\n // process.nextTick(() => { ctx.setState({ formFields: temp }) })\r\n }\r\n\r\n ctx.toogleSubForm(0)\r\n } else NotificationManager.error(r.msg, \"Error\", 5000, null, null, 'outline')\r\n context.props.setLoader(false)\r\n }).catch((e) => {\r\n context.props.setLoader(false);\r\n console.log(e)\r\n })\r\n }\r\n\r\n context.getGrades = function (update) {\r\n _axios\r\n .get('admGrades/group?studentId=' + this.state.idItemSelected + '&isBehavior=true&periodId=' + this.state.formFilter.periodId)\r\n .then(r => {\r\n if (r.status >= 0) {\r\n const temp = cloneDeep(this.state.formFields)\r\n r.data.map(e => e.gradeTxt = e.gradeTxt ? e.gradeTxt.toUpperCase() : \"\")\r\n\r\n if (update) {\r\n temp.map((f) => {\r\n if (f.type === 'text') {\r\n let item = r.data.find(e => e.concept === f.name)\r\n if (item) f.value = item.gradeTxt\r\n }\r\n return f\r\n })\r\n } else {\r\n temp.push(\r\n {\r\n col: 12,\r\n type: \"label\",\r\n name: \"Conducta\",\r\n value: r.data.length === 0 ? \"No hay notas de conducta ingresadas\" : \"
Comportamiento\"\r\n }\r\n )\r\n r.data.forEach(e => {\r\n temp.push(\r\n {\r\n col: 4,\r\n name: e.concept,\r\n label: e.concept === \"CPROM\" ? \"CONSEJO DE PROMOCION\" : e.name,\r\n type: \"text\",\r\n value: e.gradeTxt,\r\n opts: {\r\n style: 'float-label'\r\n },\r\n onChange: (ctx) => {\r\n ctx.setState({['btn_' + e.concept]: true})\r\n },\r\n maxLength: \"2\",\r\n disabled: [\"CONDF\", \"TUTR\"].indexOf(e.concept) > -1 ? false : true\r\n },\r\n /*\r\n {\r\n col: 4,\r\n name: e.concept,\r\n label: e.name,\r\n type: \"select\",\r\n value: e.gradeTxt,\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: \"AD\", label: \"AD\" },\r\n { value: \"A\", label: \"A\" },\r\n { value: \"B\", label: \"B\" },\r\n { value: \"C\", label: \"C\" },\r\n { value: \"D\", label: \"D\" }\r\n ]\r\n },\r\n onChange: (ctx) => {\r\n console.log(ctx)\r\n ctx.setState({['btn_' + e.concept]: true})\r\n },\r\n },\r\n */\r\n {\r\n col: 8,\r\n name: 'btn_' + e.concept,\r\n type: \"button\",\r\n label: \"Modificar\",\r\n value: e.concept === \"CPROM\" ? true : false,\r\n onClick: (ctx) => {\r\n if ([\"CONDF\", \"TUTR\"].indexOf(e.concept) > -1) this.saveGrade(e)\r\n else if (e.concept === \"CPROM\") this.openSubGrid(ctx)\r\n },\r\n classNameF: (ctx) => {\r\n return e.concept === 'CPROM' || (ctx.state['btn_' + e.concept] && ctx.state[e.concept]) ? '' : 'd-none'\r\n },\r\n disabled: [\"CPROM\", \"CONDF\", \"TUTR\"].indexOf(e.concept) > -1 ? false : true\r\n }\r\n )\r\n });\r\n }\r\n\r\n this.setState({formFields: temp})\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n }).catch((e) => { console.log(e) })\r\n }\r\n\r\n context.getMyTeachers = function () {\r\n _axios\r\n .get('me/teachers?userId=' + this.state.idItemSelected)\r\n .then(r => {\r\n if (r.status >= 0) {\r\n // console.log(this.state.formFields)\r\n const sectionOwner = r.data.find(e => e.role === 'section-owner')\r\n const superSectionOwner = r.data.find(e => e.role === 'supersection-owner')\r\n const temp = cloneDeep(this.state.formFields)\r\n temp.map(e => {\r\n if (e.name === 'sectionOwner') e.value = sectionOwner ? (sectionOwner.name + ' ' + sectionOwner.last) : ''\r\n if (e.name === 'superSectionOwner') e.value = superSectionOwner ? (superSectionOwner.name + ' ' + superSectionOwner.last) : ''\r\n return e\r\n })\r\n this.setState({formFields: temp}, () => {\r\n this.getGrades()\r\n })\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n }).catch((e) => { console.log(e) })\r\n }\r\n\r\n return {\r\n\r\n config: {\r\n resource: \"admStudent\",\r\n pageSize: 40,\r\n list: false,\r\n hideBtnSave:true,\r\n remapRow: (form) => {\r\n return form\r\n }\r\n },\r\n\r\n actions: {\r\n create: false,\r\n edit: true,\r\n delete: false,\r\n print: false,\r\n export: false,\r\n search: true\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"periodId\",\r\n value: { value: \"0\", label: \"Actual\" },\r\n type: \"select\",\r\n label: \"Periodo\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admPeriod/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Grado\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Sección\",\r\n parent: \"superSectionId\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.formFilter.superSectionId }\r\n }\r\n },\r\n {\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Alumno\",\r\n rules: 'required',\r\n parent: \"sectionId\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admStudent/get?pick=true§ionId=\" + context.state.formFilter.sectionId }\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n renderIf: (ctx) => { return ctx.state.periodId || ctx.state.superSectionId || ctx.state.userId },\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n process.nextTick(() => { context.getMyTeachers() })\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n delete v.flags\r\n return v\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"faceUrl\",\r\n value: null,\r\n type: \"image\",\r\n label: \"Foto\",\r\n opts: {\r\n backgroundImage: require(\"../../assets/img/user.png\")\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"superSectionName\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Grado\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 6,\r\n name: \"sectionName\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Sección\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 12,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Alumno\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true\r\n },\r\n /*\r\n {\r\n col: 12,\r\n name: \"trimestre\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Trimestre\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true\r\n },\r\n */\r\n {\r\n col: 12,\r\n name: \"sectionOwner\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Tutor\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 12,\r\n name: \"superSectionOwner\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Asesor de promoción\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true\r\n },\r\n ],\r\n subforms: [\r\n {\r\n name: 'Registrar notas', \r\n fields: []\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"Alumno\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"Grado\",\r\n accessor: \"sectionTag\"\r\n }\r\n ]\r\n }\r\n}","export default (context) => { \r\n return {\r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n },\r\n \r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: false,\r\n export: true,\r\n search: true\r\n },\r\n \r\n filter: {\r\n fields: [\r\n {\r\n name: \"type\",\r\n value: \"SYM\",\r\n type: \"select\",\r\n label: \"main.type\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: \"SYM\", label: \"Síntoma\" },\r\n { value: \"OUT\", label: \"Partió a\" }\r\n ],\r\n },\r\n onChange: (ctx) => {\r\n if (context.state.formFilter.type && (context.state.formFilter.type.value === ctx.state.type)) return\r\n process.nextTick(() => { context.resetDataTable() })\r\n }\r\n }\r\n ]\r\n },\r\n \r\n form: {\r\n fields: [\r\n {\r\n col: 6,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.type\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: \"SYM\", label: \"Síntoma\" },\r\n { value: \"OUT\", label: \"Partio a\" }\r\n ],\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"name\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.name\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"desc\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.desc\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n }\r\n ]\r\n },\r\n \r\n columns: [\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.desc\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"desc\",\r\n }\r\n ]\r\n }\r\n }","import Notifications from './Notifications.js';\r\nimport NotificationContainer from './NotificationContainer';\r\nimport NotificationManager from './NotificationManager';\r\n\r\nexport { Notifications, NotificationContainer, NotificationManager };\r\nexport default Notifications;\r\n","import React, { useRef, useState, useEffect } from \"react\";\r\nimport { setLoader } from \"../../redux/actions\";\r\nimport {\r\n Row,\r\n Button,\r\n CustomInput,\r\n} from \"reactstrap\";\r\nimport { Colxx } from \"../common/CustomBootstrap\";\r\nimport FormCustom from \"./FormCustom\";\r\nimport { connect } from \"react-redux\";\r\nimport DataTable from \"./DataTable\";\r\nimport _axios from \"../../libs/axios\";\r\nimport { NotificationManager } from \"../common/react-notifications\";\r\nimport { objToQueryString } from \"../../helpers/Utils\"\r\nimport { cloneDeep } from \"lodash\"\r\n\r\nfunction usePrevious(value) {\r\n const ref = useRef();\r\n useEffect(() => {\r\n ref.current = value;\r\n });\r\n return ref.current;\r\n}\r\n\r\nconst Side = props => {\r\n\r\n const [search, setSearch] = useState('')\r\n const [formFilter, setFormFilter] = useState(null)\r\n const [progressBar, setProgressBar] = useState(false)\r\n const [data, setData] = useState([])\r\n const [rowCount, setRowCount] = useState(0)\r\n const [columns, setColumns] = useState([])\r\n\r\n const prevStateFormFilter = usePrevious(formFilter);\r\n const prevStateSearch = usePrevious(search);\r\n\r\n const { config, side, addItems, removeItems } = props\r\n\r\n // const prevPropsAddItems = usePrevious(addItems);\r\n // const prevPropsRemoveItems = usePrevious(removeItems);\r\n\r\n const checkedItem = (id, val) => {\r\n console.log(val)\r\n let temp = cloneDeep(data)\r\n temp.map(e => e.isChecked = e.ID === id ? val : e.isChecked )\r\n setData(temp)\r\n const selected = {\r\n formFilter: formFilter,\r\n data: temp.filter(e => e.isChecked)\r\n }\r\n props.listenSelected(selected)\r\n }\r\n\r\n const checkedAll = (val) => {\r\n let temp = cloneDeep(data)\r\n temp.map(e => {\r\n e.isChecked = val\r\n return e\r\n })\r\n setData(temp)\r\n const selected = {\r\n formFilter: formFilter,\r\n data: temp.filter(e => e.isChecked)\r\n }\r\n props.listenSelected(selected)\r\n }\r\n\r\n const addColumn = () => {\r\n let temp = cloneDeep(config.columns)\r\n temp.push(\r\n {\r\n Header: \r\n {\r\n // console.log(e.target.checked)\r\n checkedAll(e.target.checked)\r\n }}\r\n />\r\n ,\r\n accessor: \"isChecked\",\r\n sortable: false,\r\n type: 'check',\r\n minWidth: 50,\r\n classList: \"w-sm-100\",\r\n Cell: (props) => {\r\n return \r\n {\r\n // console.log(e.target.checked)\r\n checkedItem(props.original.ID, e.target.checked)\r\n }}\r\n />\r\n \r\n }\r\n }\r\n )\r\n setColumns(temp)\r\n }\r\n\r\n // equal to componentDidMount\r\n useEffect(() => {\r\n // console.log('mounted')\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (prevStateFormFilter === null && formFilter) {\r\n addColumn()\r\n getData()\r\n }\r\n const selected = {\r\n formFilter: formFilter,\r\n }\r\n props.listenSelected(selected)\r\n // console.log(selected)\r\n // eslint-disable-next-line\r\n }, [formFilter]);\r\n\r\n useEffect(() => {\r\n // console.log(data)\r\n addColumn();\r\n // eslint-disable-next-line\r\n }, [data]);\r\n\r\n useEffect(() => {\r\n if (prevStateSearch && search === '') getData()\r\n // eslint-disable-next-line\r\n }, [search]);\r\n\r\n useEffect(() => {\r\n if(addItems && addItems.length > 0) {\r\n // console.log('add', addItems)\r\n const d = addItems.concat(data)\r\n setData(d)\r\n }\r\n // eslint-disable-next-line\r\n }, [addItems]);\r\n\r\n useEffect(() => {\r\n if(removeItems && removeItems.length > 0) {\r\n const d = data.filter(e => removeItems.map(o => o = o.ID).indexOf(e.ID) < 0)\r\n setData(d)\r\n }\r\n // eslint-disable-next-line\r\n }, [removeItems]);\r\n\r\n const query = () => {\r\n let pageSize = \"?PageSize=10000\"\r\n let fieldsToFilter = formFilter || {};\r\n let filters = objToQueryString(fieldsToFilter, false, true);\r\n let s = search ? '&filterBy=&filter=' + search : ''\r\n let page = '&page=1'\r\n return pageSize + filters + s + page\r\n }\r\n\r\n const getData = () => {\r\n setProgressBar(true)\r\n var path = config.GET\r\n _axios\r\n .get(path + query())\r\n .then(r => {\r\n if (r.status >= 0) {\r\n r.data.Results.map(e => {\r\n e.isChecked = false\r\n return e\r\n })\r\n setData(r.data.Results)\r\n setRowCount(r.data.Results.length)\r\n const selected = {\r\n formFilter: formFilter,\r\n data: []\r\n }\r\n props.listenSelected(selected)\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n setProgressBar(false)\r\n })\r\n }\r\n\r\n const listenStatesFormFilter = (s) => {\r\n // console.log(s)\r\n setFormFilter(s)\r\n }\r\n\r\n const handleChangeSearch = (e) => {\r\n setSearch(e.target.value)\r\n }\r\n\r\n const handleKeyPress = (event) => {\r\n if (event.key === 'Enter') getData()\r\n }\r\n\r\n return config ? \r\n \r\n {config.title}
\r\n \r\n\r\n \r\n {config.fields &&\r\n \r\n\r\n \r\n {config.search &&\r\n \r\n { setSearch('') }}\r\n >\r\n \r\n }\r\n \r\n\r\n \r\n { getData() }}\r\n >\r\n Aplicar Filtros\r\n \r\n \r\n\r\n \r\n \r\n
: ''\r\n}\r\n\r\nclass SideToSide extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n search: '',\r\n leftItemsSelected: null,\r\n rightItemsSelected: null,\r\n leftAdd: null,\r\n leftRemove: null,\r\n rightAdd: null,\r\n rightRemove: null,\r\n }\r\n }\r\n\r\n moveTo(to) {\r\n let left = cloneDeep(this.state.leftItemsSelected)\r\n let right = cloneDeep(this.state.rightItemsSelected)\r\n // console.log(left, right)\r\n let msg = () => NotificationManager.error('En el origen debe de seleccionar a los alumnos a mover y en el destino el grado y sección', \"Error\", 5000, null, null, 'outline')\r\n if (to === 'left' && (!right.formFilter || !right.data || right.data.length === 0 || !left.formFilter || !left.formFilter.sectionId)) return msg()\r\n else if (to === 'right' && (!left.formFilter || !left.data || left.data.length === 0 || !right.formFilter || !right.formFilter.sectionId)) return msg()\r\n\r\n let body = []\r\n if (to === 'left') body = right\r\n else body = left\r\n\r\n body = {\r\n fromSectionId: body.formFilter.sectionId ? body.formFilter.sectionId.value : null,\r\n sectionId: to === 'left' ? left.formFilter.sectionId.value : right.formFilter.sectionId.value,\r\n studentIds: body.data.map(e => e = e.ID)\r\n }\r\n // console.log(body)\r\n const path = to === 'left' ? this.props.configLeft.POST : this.props.configRight.POST\r\n _axios\r\n .post(path, body)\r\n .then(r => {\r\n this.props.setLoader(false)\r\n if (r.status >= 0) {\r\n this.props.setLoader(false)\r\n let data = cloneDeep(to === 'left' ? this.state.rightItemsSelected.data : this.state.leftItemsSelected.data)\r\n data.map(e => {\r\n e.isChecked = false\r\n e.sectionTag = to === 'left' ? (left.formFilter.superSectionId.label + ' ' + left.formFilter.sectionId.label.split(' ')[0]) : (right.formFilter.superSectionId.label + ' ' + right.formFilter.sectionId.label.split(' ')[0])\r\n return e\r\n }\r\n )\r\n if (to === 'left') this.setState({leftAdd: data, leftRemove: null, rightAdd: null, rightRemove: data})\r\n else this.setState({leftAdd: null, leftRemove: data, rightAdd: data, rightRemove: null})\r\n // reset data\r\n let le = this.state.leftItemsSelected\r\n let ri = this.state.rightItemsSelected\r\n le.data = []\r\n ri.data = []\r\n this.setState({ leftItemsSelected: le, rightItemsSelected: ri })\r\n NotificationManager.success(r.msg, \"\", 5000, null, null, 'outline')\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n })\r\n .catch((e) => { this.props.setLoader(false) })\r\n }\r\n\r\n render() {\r\n const { configLeft, configRight } = this.props\r\n return (\r\n \r\n \r\n { this.setState({leftItemsSelected: selected }) }}\r\n addItems={this.state.leftAdd}\r\n removeItems={this.state.leftRemove}\r\n />\r\n \r\n\r\n \r\n \r\n { this.moveTo('right') }}\r\n >\r\n \r\n \r\n { this.moveTo('left') }}\r\n >\r\n \r\n \r\n \r\n \r\n\r\n \r\n { this.setState({rightItemsSelected: selected }) }}\r\n addItems={this.state.rightAdd}\r\n removeItems={this.state.rightRemove}\r\n />\r\n \r\n
\r\n );\r\n }\r\n};\r\n\r\nconst mapStateToProps = ({ settings }) => {\r\n const { locale } = settings\r\n return { locale };\r\n};\r\n\r\nexport default connect(mapStateToProps, { setLoader })(SideToSide);\r\n","import React, { Component, Fragment } from \"react\";\r\nimport { setLoader, setDeeplink, setParams } from \"../../../../redux/actions\";\r\nimport {\r\n Row,\r\n Button,\r\n Alert\r\n} from \"reactstrap\";\r\nimport Field from \"../../../../components/utils/Field\"\r\nimport { Colxx } from \"../../../../components/common/CustomBootstrap\";\r\nimport _axios from \"../../../../libs/axios\";\r\nimport { NotificationManager } from \"../../../../components/common/react-notifications\";\r\nimport FormCustom from \"../../../../components/utils/FormCustom\";\r\nimport AppLocale from \"../../../../config/lang\";\r\nimport { connect } from \"react-redux\";\r\nimport { cloneDeep, debounce } from \"lodash\"\r\nimport _moment from \"../../../../libs/moment\";\r\n\r\nconst M = \"admAttendance.\"\r\n\r\nclass AdmAttendanceControl extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n resource: null,\r\n data: [],\r\n dataTemp: [],\r\n progressBar: false,\r\n formFilter: {\r\n sessionId: null\r\n },\r\n sessionId: null,\r\n sessions: [],\r\n overlay: true,\r\n userAdmin: props.userAdmin,\r\n showPartId: false\r\n };\r\n }\r\n\r\n componentWillMount() {\r\n }\r\n\r\n componentDidMount() {\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.setParams(null)\r\n }\r\n\r\n getSessions(ctxFormFilter) {\r\n this.setState({ progressBar: true, data: [], dataTemp: [], sessions: [] });\r\n let date = cloneDeep(this.state.formFilter.date)\r\n\r\n _axios\r\n .get('admAttendance/' + this.state.formFilter.partId.value + '/sessions?dt='+ date+'§ionId='+(this.state.formFilter.sectionId ? this.state.formFilter.sectionId : -1))\r\n .then(r => {\r\n if (r.status >= 0) {\r\n let sessions = r.data.filter(e => e.date.indexOf(_moment(date).format('YYYY-MM-DD')) > -1)\r\n\r\n let items = []\r\n sessions.forEach(e => {\r\n items.push({ value: e.ID, label: _moment(e.date).format('HH:mm'), registrationStarted: e.registrationStarted})\r\n });\r\n this.setState({ sessions: items })\r\n\r\n if (sessions.length === 1 && this.state.formFilter.type === true) {\r\n let formFilter = cloneDeep(this.state.formFilter)\r\n formFilter.sessionId = sessions[0].ID\r\n this.setState({ formFilter: formFilter}, () => {\r\n ctxFormFilter.setState({ sessionId: sessions[0].ID }, () => {\r\n this.getData(this.state.formFilter.sessionId)\r\n })\r\n })\r\n } else {\r\n this.setState({ progressBar: false })\r\n }\r\n } else NotificationManager.error(r.msg, 'Opps', 5000, null, null, 'outline')\r\n })\r\n }\r\n\r\n getData(id) {\r\n this.setState({ progressBar: true, data: [], dataTemp: [] });\r\n _axios\r\n .get('admAttendance/' + this.state.formFilter.partId.value + '/sessions/'+ id + '/list?sectionId='+ (this.state.formFilter.sectionId ? this.state.formFilter.sectionId : -1))\r\n .then(r => {\r\n if (r.status >= 0) {\r\n let status = this.state.formFilter ? this.state.formFilter.status : -1\r\n let temp = status === -1 ? r.data : r.data.filter(e => e.status === status)\r\n let allPending = !this.state.sessions.find( f => f.value === this.state.formFilter.sessionId).registrationStarted \r\n this.setState({ data: r.data, dataTemp: temp, overlay: allPending }, () => { this.setState({ progressBar: false }) })\r\n } else NotificationManager.error(r.msg, 'Opps', 5000, null, null, 'outline')\r\n })\r\n }\r\n\r\n startAttendance() {\r\n // console.log(this.state.formFilter.sessionId)\r\n this.props.setLoader(true)\r\n _axios\r\n .post('admAttendance/session/' + this.state.formFilter.sessionId + '/init?sectionId=' + this.state.formFilter.sectionId)\r\n .then(r => {\r\n if (r.status >= 0) {\r\n this.state.sessions.find( f => f.value === this.state.formFilter.sessionId).registrationStarted = true\r\n this.setState({ overlay: false }, () => {\r\n this.getData(this.state.formFilter.sessionId)\r\n })\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n this.props.setLoader(false)\r\n })\r\n .catch((e) => { this.props.setLoader(false) })\r\n }\r\n\r\n save(item, status) {\r\n let body = [\r\n {\r\n userId: item.id,\r\n comment: item.comment,\r\n status: status\r\n }\r\n ]\r\n\r\n _axios\r\n .post('admAttendance/session/' + this.state.formFilter.sessionId + '/status', body)\r\n .then(r => {\r\n if (r.status >= 0) {\r\n let data = cloneDeep(this.state.data)\r\n data.map(e => {\r\n if (e.id === item.id) {\r\n e.comment = item.comment\r\n e.status = status\r\n }\r\n return e\r\n })\r\n\r\n let temp = cloneDeep(this.state.dataTemp)\r\n temp.map(e => {\r\n if (e.id === item.id) {\r\n e.comment = item.comment\r\n e.status = status\r\n e.click = true\r\n }\r\n return e\r\n })\r\n this.setState({ data: data, dataTemp: temp })\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n })\r\n .catch((e) => { })\r\n }\r\n\r\n execute = debounce((item, status) => { this.save(item, status) }, 500, { leading: true })\r\n\r\n saveComment (item) {\r\n if (item.status === 0) {\r\n NotificationManager.error('La observación no se ha guardado, se guardará cuando marque la asistencia respectiva', '', 5000, null, null, 'outline')\r\n return\r\n }\r\n let body = [\r\n {\r\n userId: item.id,\r\n comment: item.comment\r\n }\r\n ]\r\n\r\n let data = cloneDeep(this.state.data)\r\n let temp = cloneDeep(this.state.dataTemp)\r\n\r\n data.map(e => {\r\n if (e.id === item.id) {\r\n e.processing = true\r\n }\r\n return e\r\n })\r\n\r\n temp.map(e => {\r\n if (e.id === item.id) {\r\n e.processing = true\r\n }\r\n return e\r\n })\r\n\r\n this.setState({ data: data, dataTemp: temp })\r\n\r\n _axios\r\n .post('admAttendance/session/' + this.state.formFilter.sessionId + '/comment', body)\r\n .then(r => {\r\n if (r.status >= 0) {\r\n data.map(e => {\r\n if (e.id === item.id) {\r\n e.comment = item.comment\r\n e.processing = false\r\n }\r\n return e\r\n })\r\n\r\n data.map(e => {\r\n if (e.id === item.id) {\r\n e.comment = item.comment\r\n e.processing = false\r\n }\r\n return e\r\n })\r\n this.setState({ data: data, dataTemp: temp })\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n })\r\n .catch((e) => { })\r\n }\r\n\r\n listenStatesFormFilter = (s) => {\r\n this.setState({ formFilter: s });\r\n }\r\n\r\n listenBtnActionsFormFilter = (a, s, rowData) => {\r\n }\r\n\r\n filterData = () => {\r\n if (!this.state.formFilter) return []\r\n else if (this.state.formFilter.search && this.state.formFilter.search !== \"\") {\r\n return this.state.dataTemp.filter(e => {\r\n return e.name.toLowerCase().includes(this.state.formFilter.search.toLowerCase()) || e.last.toLowerCase().includes(this.state.formFilter.search.toLowerCase())\r\n })\r\n } else {\r\n return this.state.dataTemp\r\n }\r\n }\r\n\r\n render() {\r\n const { locale, params } = this.props\r\n const L = AppLocale[locale].messages\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {/* TITLE */}\r\n Asistencia
\r\n \r\n
\r\n\r\n {params?.setupMsg && {params.setupMsg} }\r\n\r\n {/* FILTERS */}\r\n {\r\n this.setState({ data: [], dataTemp: [] })\r\n },\r\n },\r\n {\r\n name: \"type\",\r\n value: null,\r\n type: \"select\",\r\n label: \"main.type\",\r\n parent: \"date\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {value: true, label: 'Asistencia diaria'},\r\n {value: false, label: 'Asistencia a curso'},\r\n ]\r\n },\r\n onChange: (ctx) => {\r\n this.setState({sessionId: null, sessions: []})\r\n if (ctx.state.type) {\r\n _axios\r\n .get('/admAttendance?dt=' + ctx.state.date + '&masterId='+this.state.userAdmin.ID + '&daily=' + ctx.state.type)\r\n .then(r => {\r\n if (r.status >= 0) {\r\n if (!r.data) return r\r\n // r.data.splice(1,2)\r\n this.setState({showPartId: r.data.length > 1}, () => {\r\n if (r.data.length === 1) ctx.setState({partId: { value: r.data[0].ID, label: r.data[0].name, original: r.data[0] }})\r\n })\r\n } else {\r\n NotificationManager.error(r.msg, 'Opps', 5000, null, null, 'outline')\r\n this.setState({showPartId: false})\r\n }\r\n })\r\n } else if (ctx.state.type === false) this.setState({showPartId: true})\r\n },\r\n renderIf: (ctx) => { return ctx.state.date }\r\n },\r\n {\r\n name: \"partId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"main.course\",\r\n parent: \"type\",\r\n opts: {\r\n style: 'float-label',\r\n isClearable: false,\r\n path: (ctx) => { return '/admAttendance?dt=' + ctx.state.date + '&masterId='+this.state.userAdmin.ID + '&daily=' + ctx.state.type },\r\n remap: (r, ctx) => {\r\n if (!r.data) return r\r\n r.data.Results = r.data\r\n return r\r\n },\r\n setOutput: v => v,\r\n },\r\n onChange: (ctx) => {\r\n if (ctx.state.partId) process.nextTick(() => {\r\n this.getSessions(ctx) \r\n })\r\n },\r\n renderIf: (ctx) => { return (ctx.state.type === true || ctx.state.type === false) && this.state.showPartId }\r\n },\r\n {\r\n name: \"sessionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"main.session\",\r\n opts: {\r\n style: 'float-label',\r\n items: this.state.sessions,\r\n isClearable: false,\r\n },\r\n onChange: (ctx) => {\r\n // console.log(ctx.state.sessionId)\r\n if (ctx.state.sessionId) process.nextTick(() => {\r\n this.getData(ctx.state.sessionId)\r\n })\r\n },\r\n renderIf: (ctx) => { return this.state.sessions.length > 0 && ctx.state.type === false }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: -1,\r\n type: \"select\",\r\n label: \"main.section\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?roleFilter=sectionOwner&pick=true\" }\r\n },\r\n onChange: (ctx) => {\r\n if (ctx.state.sectionId) process.nextTick(() => {\r\n this.getSessions(ctx) \r\n })\r\n },\r\n renderIf: (ctx) => { return ctx.state.partId && ctx.state.partId.original.regist > 0 }\r\n },\r\n {\r\n name: \"status\",\r\n value: -1,\r\n type: \"select\",\r\n label: \"main.filter\",\r\n opts: {\r\n style: 'float-label',\r\n isClearable: false,\r\n items: [\r\n {value: -1, label: 'TODOS'},\r\n {value: 0, label: 'PENDIENTES'},\r\n {value: 1, label: 'PRESENTES'},\r\n {value: 2, label: 'TARDE'},\r\n {value: 3, label: 'AUSENTES'},\r\n ]\r\n },\r\n onChange: (ctx) => {\r\n let data = cloneDeep(this.state.data)\r\n data.map(e => e.click = false)\r\n let temp = ctx.state.status === -1 ? data : data.filter(e => e.status === ctx.state.status)\r\n this.setState({ dataTemp: temp })\r\n },\r\n renderIf: (ctx) => { return ctx.state.partId && ctx.state.partId.value && (!ctx.state.search || ctx.state.search === \"\") }\r\n },\r\n {\r\n name: \"search\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.search\",\r\n placeholder: \"main.studentFirstOrLastName\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n onChange: (ctx) => {\r\n let data = cloneDeep(this.state.data)\r\n data.map(e => e.click = false)\r\n this.setState({ dataTemp: data })\r\n },\r\n },\r\n ]\r\n }\r\n listenStates={this.listenStatesFormFilter}\r\n />\r\n \r\n
\r\n\r\n {this.state.overlay && this.filterData().length > 0 &&\r\n \r\n \r\n \r\n \r\n
\r\n }\r\n\r\n {/* GRID */}\r\n \r\n \r\n {this.state.progressBar && }\r\n {this.filterData().length === 0 && !this.state.progressBar && {L[\"main.noRecords\"]}}\r\n {this.filterData().length > 0 &&\r\n (this.componentRef = el)}>\r\n {this.state.overlay && }\r\n \r\n\r\n \r\n \r\n {L[\"main.student\"]}\r\n \r\n\r\n {/* Stundents */}\r\n {this.filterData().map((item, i) => {\r\n return (\r\n \r\n \r\n 
{e.target.onerror = null; e.target.src=require(\"../../../../assets/img/user.png\")}} alt=\"\"/>\r\n \r\n {item.last + ' ' + item.name}\r\n \r\n )})\r\n }\r\n \r\n\r\n \r\n \r\n \r\n \r\n {L[`${M}attendance`]}\r\n \r\n \r\n {L[\"main.justification\"]}\r\n \r\n \r\n {L[\"main.observations\"]}\r\n \r\n \r\n \r\n\r\n \r\n\r\n {/* Stundents */}\r\n {this.filterData().map((item, i) => {\r\n return (\r\n \r\n \r\n { this.execute(item, 1) }}\r\n disabled={item.processing || item.status === 1}\r\n >\r\n \r\n \r\n { this.execute(item, 2) }}\r\n disabled={item.processing || item.status === 2}\r\n >\r\n \r\n \r\n { this.execute(item, 3) }}\r\n disabled={item.processing || item.status === 3}\r\n >\r\n \r\n \r\n \r\n \r\n {item.justifType}\r\n \r\n \r\n {\r\n let temp = cloneDeep(this.state.dataTemp)\r\n temp.map(e => {\r\n if (e.id === item.id) e.comment = n\r\n return e\r\n })\r\n this.setState({dataTemp: temp}, () => {\r\n // console.log(this.state.data)\r\n })\r\n }}\r\n onFocus={() => {\r\n const sideRight = document.getElementById('attendance-side-right')\r\n sideRight.scrollLeft = sideRight.scrollWidth\r\n }}\r\n />\r\n \r\n e.id === item.id).comment ? \"d-block\" : \"d-none\" )}\r\n onClick={() => { this.saveComment(item) }}\r\n >\r\n Guardar\r\n \r\n \r\n \r\n \r\n )})\r\n }\r\n \r\n \r\n\r\n \r\n \r\n }\r\n \r\n
\r\n \r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ settings, menu, utils, authUser }) => {\r\n const { menuItems } = menu;\r\n const { locale } = settings\r\n const { deepLink, params } = utils\r\n const { userAdmin } = authUser;\r\n return { locale, menuItems, deepLink, params, userAdmin };\r\n};\r\n\r\nexport default connect(mapStateToProps, { setLoader, setDeeplink, setParams })(AdmAttendanceControl);","import \"./assets/css/vendor/bootstrap.min.css\";\r\nimport \"./assets/css/vendor/bootstrap.rtl.only.min.css\";\r\nimport \"react-circular-progressbar/dist/styles.css\";\r\nimport \"react-perfect-scrollbar/dist/css/styles.css\";\r\nimport \"react-big-calendar/lib/css/react-big-calendar.css\";\r\nimport \"react-table/react-table.css\";\r\n\r\nimport { isMultiColorActive, defaultColor,themeColorStorageKey,isDarkSwitchActive } from \"./config/defaultValues\";\r\nconst color =\r\n (isMultiColorActive||isDarkSwitchActive ) && localStorage.getItem(themeColorStorageKey)\r\n ? localStorage.getItem(themeColorStorageKey)\r\n : defaultColor;\r\n\r\nlocalStorage.setItem(themeColorStorageKey, color);\r\n\r\nlet render = () => {\r\n import('./assets/css/sass/themes/gogo.' + color + '.scss').then(x => {\r\n require('./AppRenderer');\r\n });\r\n};\r\nrender();","var map = {\n\t\"./gogo.dark.blue.scss\": [\n\t\t1009,\n\t\t3\n\t],\n\t\"./gogo.dark.green.scss\": [\n\t\t1010,\n\t\t4\n\t],\n\t\"./gogo.dark.greysteel.scss\": [\n\t\t1011,\n\t\t5\n\t],\n\t\"./gogo.dark.orange.scss\": [\n\t\t1012,\n\t\t6\n\t],\n\t\"./gogo.dark.purple.scss\": [\n\t\t1013,\n\t\t7\n\t],\n\t\"./gogo.dark.red.scss\": [\n\t\t1014,\n\t\t8\n\t],\n\t\"./gogo.light.blue.scss\": [\n\t\t1015,\n\t\t9\n\t],\n\t\"./gogo.light.green.scss\": [\n\t\t1016,\n\t\t10\n\t],\n\t\"./gogo.light.greysteel.scss\": [\n\t\t1017,\n\t\t11\n\t],\n\t\"./gogo.light.orange.scss\": [\n\t\t1018,\n\t\t12\n\t],\n\t\"./gogo.light.purple.scss\": [\n\t\t1019,\n\t\t13\n\t],\n\t\"./gogo.light.red.scss\": [\n\t\t1020,\n\t\t14\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(function() {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn __webpack_require__.e(ids[1]).then(function() {\n\t\treturn __webpack_require__.t(id, 7);\n\t});\n}\nwebpackAsyncContext.keys = function webpackAsyncContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackAsyncContext.id = 519;\nmodule.exports = webpackAsyncContext;","import React from 'react';\r\nimport { connect } from \"react-redux\";\r\nimport { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';\r\nimport AppLocale from \"../../config/lang\";\r\nimport _axios from '../../libs/axios';\r\nimport { NotificationManager } from '../common/react-notifications';\r\nimport PerfectScrollbar from 'react-perfect-scrollbar';\r\n\r\nclass CustomDropdown extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n // console.log(props)\r\n this.toggle = this.toggle.bind(this);\r\n this.onMouseEnter = this.onMouseEnter.bind(this);\r\n this.onMouseLeave = this.onMouseLeave.bind(this);\r\n this.state = {\r\n items: props.items ?? [],\r\n dropdownOpen: false,\r\n selected: props.selected ?? null,\r\n loadingTxt: null\r\n }\r\n }\r\n\r\n toggle() {\r\n this.setState(prevState => ({\r\n dropdownOpen: !prevState.dropdownOpen\r\n }), () => {\r\n if (this.state.dropdownOpen) {\r\n if(this.state.items.length === 0) this.getItems()\r\n }\r\n })\r\n }\r\n\r\n getItems() {\r\n this.setState({ loadingTxt: \"main.loading\" })\r\n _axios\r\n .get(this.props.resourceUrl)\r\n .then(r => {\r\n if (r.status >= 0) {\r\n const items = r.data.Results.map(item => item = {id: item.ID, name: item.name})\r\n this.setState({items: items})\r\n } else NotificationManager.error(r.msg, 'Opps', 4000, null, null, 'outline')\r\n this.setState({ loadingTxt: null })\r\n })\r\n }\r\n\r\n onMouseEnter() {\r\n this.setState({dropdownOpen: true})\r\n }\r\n\r\n onMouseLeave() {\r\n this.setState({dropdownOpen: false})\r\n }\r\n\r\n handleOnClick(item) {\r\n const { rowData, ctx, listenBtnActions, onChange } = this.props\r\n this.setState({selected: item?.id}, () => {\r\n if (onChange) onChange(item)\r\n })\r\n if (item.onClick) item.onClick(rowData, ctx, item.id)\r\n if (listenBtnActions) listenBtnActions('menu', item, rowData)\r\n }\r\n \r\n render() {\r\n const isMobile = window.innerWidth <= 500\r\n const { locale, label, icon, addCheck, style, direction, rowData, showMenuOnHover, showItemSelected, size } = this.props\r\n const { items, dropdownOpen, selected, loadingTxt } = this.state\r\n const L = AppLocale[locale].messages\r\n return (\r\n \r\n {icon && \r\n \r\n }\r\n {label && \r\n {showItemSelected && selected ? (L[selected.name] ?? selected.name) : (L[label] ?? label)}\r\n }\r\n = 7 ? {height: \"264px\"} : {maxHeight: \"200px\"}}>\r\n {loadingTxt && {`${L[loadingTxt]}`} }\r\n \r\n {items.map((item, index) => {\r\n return (\r\n { this.handleOnClick(item) } } key={index}>\r\n \r\n {(addCheck || item.icon) && \r\n {item.id === selected && addCheck && }\r\n {item.icon && } \r\n }\r\n {typeof item.name == \"function\" ? item.name(rowData) : L[item.name] ?? item.name}\r\n \r\n \r\n )\r\n })}\r\n \r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ settings }) => {\r\n const { locale } = settings\r\n return { locale }\r\n}\r\n\r\nexport default connect(mapStateToProps)(CustomDropdown)","import React, {Component} from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Modal, ModalHeader, ModalBody, ModalFooter, Button } from \"reactstrap\";\r\nimport AppLocale from \"../../config/lang\";\r\n\r\nclass Dialog extends Component {\r\n render() {\r\n const { locale } = this.props\r\n const L = AppLocale[locale].messages\r\n return (\r\n \r\n {this.props.title && {this.props.title} }\r\n {this.props.msg} \r\n \r\n {!this.props.btnCancelHidden && }\r\n \r\n \r\n \r\n );\r\n }\r\n};\r\n\r\nconst mapStateToProps = ({ settings }) => {\r\n const { locale } = settings\r\n return { locale};\r\n};\r\n\r\nexport default connect(mapStateToProps, {})(Dialog);","import axios from \"axios\";\r\nimport { NotificationManager } from \"../components/common/react-notifications\";\r\nimport { servicePath, authParams } from \"../config/defaultValues\";\r\nimport { setLoader } from \"../redux/actions\";\r\nimport { logoutUser } from \"../redux/auth/actions\"\r\n\r\n\r\nlet token;\r\nlet config = {\r\n baseURL: servicePath,\r\n transformRequest: [\r\n (data, headers) => {\r\n var prefix = authParams.Header === \"Authorization\" ? 'Bearer ' : '';\r\n token = (localStorage.getItem('user_admin') ? JSON.parse(localStorage.getItem('user_admin')).token : undefined);\r\n if (!headers[authParams.Header])headers[authParams.Header] = prefix + token;\r\n return JSON.stringify(data);\r\n }\r\n ],\r\n headers: {\r\n \"Content-Type\": \"application/json\",\r\n \"Accept-Language\": window.tenant.localeOptions? window.tenant.localeOptions.map(l => l = l.id)?.toString() : window.tenant.defaultLocale?? \"es\"\r\n }\r\n};\r\n\r\nconst _axios = axios.create(config);\r\n\r\n_axios.CancelToken = axios.CancelToken;\r\n\r\n_axios.interceptors.request.use(\r\n request => {\r\n if (token !== undefined) {\r\n var exp = parseJwt(token).exp;\r\n var current_time = Date.now() / 1000;\r\n if (current_time > exp) {\r\n logoutUser();\r\n throw new axios.Cancel('Session expired! Please login again...');\r\n }\r\n }\r\n return request\r\n },\r\n error => {\r\n return Promise.reject(error)\r\n }\r\n)\r\n\r\n// Add a response interceptor\r\n_axios.interceptors.response.use(\r\n (request) => {\r\n return request.data ? request.data : request\r\n },\r\n (error) => {\r\n setLoader(false);\r\n NotificationManager.error(error.response?.data?.Message || error.response?.data || `${error}`, 'Ooops', 5000, null, null, 'outline')\r\n if (error.response && error.response.status === 401) {\r\n logoutUser(); // no es reactivo solo limpia el localstorage\r\n window.location.hash = '#/user/login'\r\n }\r\n return Promise.reject(error)\r\n }\r\n)\r\n\r\nvar parseJwt = function(token) {\r\n var base64Url = token.split('.')[1];\r\n var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');\r\n var jsonPayload = decodeURIComponent(atob(base64).split('').map(function (c) {\r\n return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);\r\n }).join(''));\r\n\r\n return JSON.parse(jsonPayload);\r\n};\r\n\r\nexport default _axios\r\n","import React, { Component, Fragment } from \"react\"\r\nimport { connect } from \"react-redux\"\r\nimport { setLoader, setDeeplink, setParams } from \"../../../redux/actions\";\r\nimport {\r\n Row,\r\n Button,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n Badge,\r\n CustomInput,\r\n UncontrolledTooltip,\r\n Alert,\r\n Modal\r\n} from \"reactstrap\"\r\nimport CircularProgressbar from \"react-circular-progressbar\"\r\nimport AppLocale from \"../../../config/lang\"\r\nimport _axios from \"../../../libs/axios\"\r\nimport _moment from \"../../../libs/moment\"\r\nimport { cloneDeep } from \"lodash\"\r\nimport { objToQueryString, decimalFormat, findModuleInMenu } from \"../../../helpers/Utils\"\r\nimport { Colxx } from \"../../../components/common/CustomBootstrap\"\r\nimport DataTable from \"../../../components/utils/DataTable\"\r\nimport FormCustom from \"../../../components/utils/FormCustom\"\r\nimport FormSmart from \"../../../components/utils/FormSmart\"\r\nimport CustomDropdown from \"../../../components/utils/CustomDropdown\"\r\nimport Dialog from \"../../../components/utils/Dialog\"\r\nimport { NotificationManager } from \"../../../components/common/react-notifications\"\r\nimport ExportTo from \"../../../components/utils/ExportTo\"\r\nimport ImportTo from \"../../../components/utils/ImportTo\"\r\nimport modules from \"../../../config/admModules/modules\"\r\nimport SideToSide from \"../../../components/utils/SideToSide\"\r\nimport dateRange from \"../../../components/utils/DateRange\"\r\nimport CustomModal from \"../../../components/utils/CustomModal\"\r\n// import Breadcrumb from \"../../../containers/navs/Breadcrumb\"\r\n// import { DataListIcon, ThumbListIcon } from \"../../../components/svg\"\r\n\r\nclass CrudGrid extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.view = (() => {\r\n let mod = props.embeded \r\n ? { id: props.module, path: props.match.path, module: props.embeded }\r\n : modules.find(m => m.path === props.match.path)\r\n\r\n let modOption = findModuleInMenu(props.menuItems, \"to\", props.match.path)\r\n\r\n if (!modOption) return\r\n\r\n let module = mod.module(this)\r\n\r\n if (mod && modOption) {\r\n modOption = { ...module, ...modOption }\r\n return modOption\r\n }\r\n else return module\r\n })();\r\n\r\n let writePermission = false\r\n\r\n if (this.view) {\r\n // setup date range for form filter \r\n const index = this.view.filter?.fields.findIndex(e => e.type === \"daterange\")\r\n if (index > -1) this.view.filter.fields.splice(index, 1, ...dateRange(this.view.filter.fields[index]))\r\n\r\n // setup date range for form crud \r\n if (this.view.form?.fields) {\r\n let fields = cloneDeep(this.view.form.fields)\r\n let pos = 0\r\n fields.forEach((item, index) => {\r\n if(item.type === \"daterange\") {\r\n this.view.form.fields.splice(index + pos, 1, ...dateRange(this.view.form.fields[index + pos]))\r\n pos+=2\r\n }\r\n\r\n const w = item.type === 'wizard' ? item : null\r\n if (w) {\r\n w.steps.forEach((step, index2) => {\r\n let pos2 = 0\r\n step.fields.forEach((field, index3) => {\r\n if(field.type === \"daterange\") {\r\n w.steps[index2].fields.splice(index3 + pos2, 1, ...dateRange(w.steps[index2].fields[index3 + pos2]))\r\n pos2+=2\r\n }\r\n })\r\n })\r\n this.view.form.fields[index] = w\r\n }\r\n })\r\n }\r\n \r\n // setup module\r\n let configFields = null\r\n const moduleName = this.view.id // props.match.path.split('/').slice(-1)[0]\r\n const menuSubs = props.menuItems.flatMap((m) => m.subs || [])\r\n const foundModule = menuSubs.find((s) => s.id === moduleName)\r\n if (foundModule) configFields = foundModule.configFields\r\n\r\n if (this.view.form?.fields) {\r\n this.view.form.fields = this.view.form.fields\r\n .map(f => ({\r\n ...f,\r\n ...((configFields?.[f.name]) || {})\r\n }))\r\n .filter(f => !f.inactive)\r\n }\r\n \r\n // write permissions\r\n writePermission = props.userAdmin.write.indexOf(this.view.id) > -1\r\n if (!writePermission) {\r\n this.view.actions.create = false\r\n this.view.actions.delete = false\r\n if (this.view.form?.fields) {\r\n this.view.form.fields.map(f => {if(!f.modulePermissions) f.disabled = true; return f})\r\n }\r\n }\r\n // fields with permissions from other modules\r\n if (this.view.form?.fields) {\r\n this.view.form.fields.map(f => {if(f.modulePermissions) f.disabled = props.userAdmin.write.indexOf(f.modulePermissions) === -1; return f})\r\n }\r\n\r\n if (props.ctx) props.ctx(this)\r\n }\r\n\r\n this.viewDefault = cloneDeep(this.view)\r\n\r\n this.state = {\r\n L: AppLocale[this.props.locale]?.messages,\r\n parentId: props.parentId,\r\n authorized: this.view ? true : false,\r\n resource: null,\r\n data: [],\r\n columns: [],\r\n pageSize: 0,\r\n rowCount: 0,\r\n pageCount: 0,\r\n currentPage: 1,\r\n progressBar: false,\r\n hidePagination: false,\r\n formFilter: null,\r\n search: '',\r\n modal: false,\r\n modalRight: false,\r\n modalRightSize: \"lg\",\r\n modalRightContent: null,\r\n modalDelete: false,\r\n toggleGenericVisible:false,\r\n modalGeneric: { title:'', msg:''},\r\n idItemSelected: null,\r\n idItemPreSelected: null,\r\n \r\n form: null, // component customForm values\r\n formDefault: null, // component customForm original values\r\n formFlags: null, // component customForm flags\r\n formFlagsDefault: null, // component customForm save default flags\r\n formFields: this.view?.form?.fields, // component customForm \r\n animateTr: null,\r\n dataTableList: this.view?.config?.list,\r\n // upload files\r\n dropzones: [],\r\n uploadActive: 0,\r\n uploadFiles: null,\r\n writePermission: writePermission,\r\n\r\n btnCancel: \"main.cancel\",\r\n btnSave: \"main.save\",\r\n btnCreate: \"main.create\",\r\n customMsg: null,\r\n msgNoRecords: null,\r\n checkedList: [],\r\n hideBtnSave: this.view?.config?.hideBtnSave,\r\n showFormCustom: false,\r\n wizard: this.view.form?.fields?.find(f => f.type === \"wizard\"), // this.view?.form?.fields?.some(f => f.type === \"wizard\"),\r\n dropdown: false,\r\n selects: null, // stores key, value and label of the selection fields\r\n preview: null,\r\n modalPreview: false\r\n }\r\n }\r\n\r\n componentWillMount() {\r\n if (this.state.authorized) {\r\n if (this.view) this.setState({ pageSize: this.view.config.pageSize, hidePagination: !!this.view.config.hidePagination, resource: this.view.config.resource || this.view.id})\r\n if (this.view.form && this.view.form.flags) {\r\n this.setState({ formFlagsDefault: this.viewDefault.form.flags });\r\n this.setState({ formFlags: this.view.form.flags });\r\n }\r\n if (this.props.deepLink) {\r\n if(this.props.deepLink.keepFilters) {\r\n this.view.filter.fields.forEach((e, i) => {\r\n let obj = this.props.deepLink.params.find(p => p.name === e.name )\r\n if (obj) this.view.filter.fields[i] = obj\r\n });\r\n this.view.filter.fields = this.view.filter.fields.concat(this.props.deepLink.params)\r\n // remove duplicate parameters\r\n this.view.filter.fields = [...new Map(this.view.filter.fields.map(item => [item.name, item])).values()]\r\n } else this.view.filter.fields = this.props.deepLink.params\r\n }\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n if (this.state.authorized) {\r\n this.actionsInColumns()\r\n if (!this.view.filter && !this.props.onlyCrud && !this.view.config.hiddenGrid) this.getData()\r\n } else NotificationManager.error(\"No tienes permiso para acceder a este módulo: \" + this.props.match.path, \"No autorizado\", 3000, null, null, 'outline')\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (prevProps.locale !== this.props.locale) {\r\n this.setState({L: AppLocale[this.props.locale].messages})\r\n }\r\n if (this.state.authorized) {\r\n if (prevState.formFilter === null && this.state.formFilter) {\r\n setTimeout(() => { this.getData() }, 150)\r\n }\r\n if (prevState.data !== this.state.data) {\r\n if (this.props.listenData) this.props.listenData(this.state.data)\r\n if (this.view.preview?.previewOf?.grid) this.previewOfGrid(this.state.data)\r\n }\r\n if (prevState.form !== this.state.form) {\r\n if (this.props.listenForm) this.props.listenForm(this.state.form)\r\n if (this.view.preview?.previewOf?.form) this.previewOfForm(this.state.form)\r\n }\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n this.viewDefault = null\r\n this.view = null\r\n this.props.setDeeplink(null)\r\n this.props.setParams(null)\r\n }\r\n\r\n actionsInColumns(customEditIcon) {\r\n let temp = cloneDeep(this.view.columns)?? []\r\n const fDate = (props, format) => props.value && _moment(props.value).isValid() ? _moment(props.value).format(format || `${window.tenant.defaultDateFormat} ${window.tenant.defaultTimeFormat}`) : ''\r\n const colImg = props => 
{ e.target.onerror = null; e.target.src = require(\"../../../assets/img/user.png\") }} />\r\n temp.forEach((e, i) => {\r\n if (e.isBool) temp[i].Cell = props => \r\n else if (e.isDate) temp[i].Cell = props => fDate(props, e.format)\r\n else if (e.isDecimal) temp[i].Cell = props => decimalFormat(props.value)\r\n else if (e.type && e.type === 'chip') temp[i].Cell = props => {e.chips[props.value]?.text} \r\n else if (e.type && e.type === 'html') temp[i].Cell = e.cell\r\n else if (e.type && e.type === 'img') temp[i].Cell = colImg\r\n else if (e.type && e.type === 'progress') temp[i].Cell = props => {\r\n props.original['isChecked_'+e.accessor] = !props.original['isChecked_'+e.accessor]\r\n let list = this.state.checkedList\r\n const i = list.findIndex(item => item.rowId === props.original.ID && item.colId === e.accessor && item.mail === props.value)\r\n i > -1 ? list.splice(i, 1) : list.push({rowId: props.original.ID, colId: e.accessor , mail: props.value})\r\n }}\r\n />\r\n \r\n {props.value}\r\n \r\n \r\n } else return ''\r\n }\r\n }\r\n // concept\r\n else if (e.type && e.type === 'concept') temp[i].Cell = (props) => { \r\n return {props.value}\r\n }\r\n /* end admEvalConcept */\r\n });\r\n\r\n const edit = {\r\n width: 50,\r\n Cell: props => props.original.editRow(props.original.ID)} />,\r\n isButton: true,\r\n classList: 'd-none d-md-block d-lg-block d-xl-block'\r\n }\r\n\r\n const delet = {\r\n width: 50,\r\n Cell: props => props.original.deleteRow(props.original.ID)} />,\r\n isButton: true,\r\n classList: 'd-none d-md-block d-lg-block d-xl-block'\r\n }\r\n\r\n let extra = []\r\n if (this.view.extras && this.view.extras.itemsInRowsTable && this.view.extras.itemsInRowsTable.length > 0) {\r\n const maxActions = this.view.extras.maxActions || 0\r\n this.view.extras.itemsInRowsTable.slice(0, maxActions).forEach(item => {\r\n extra.push({\r\n width: 50,\r\n Cell: props =>\r\n \r\n {\r\n this.setState({ idItemPreSelected: props.original.ID }, () => {\r\n item.onClick(props.original, this);\r\n this.listenBtnActionsFormFilter('menu', item, props.original);\r\n });\r\n }\r\n }\r\n />\r\n \r\n {AppLocale[this.props.locale].messages[item.name]?? item.name}\r\n \r\n ,\r\n isButton: true,\r\n classList: 'd-none d-md-block d-lg-block d-xl-block'\r\n })\r\n });\r\n\r\n if ((this.view.extras.itemsInRowsTable.length - maxActions) > 0) {\r\n extra.push(\r\n {\r\n width: 50,\r\n Cell: props => \r\n {\r\n let r = []\r\n if (this.view.actions.edit) r.push({ icon: (this.state.writePermission ? \"simple-icon-pencil\" : \"simple-icon-eye\"), name: (this.state.writePermission ? \"Editar\" : \"Ver detalle\"), onClick: () => props.original.editRow(props.original.ID) })\r\n if (this.view.actions.delete) r.push({ icon: 'simple-icon-trash', name: 'Eliminar', onClick: () => props.original.deleteRow(props.original.ID) })\r\n if (this.view.extras && this.view.extras.itemsInRowsTable) r = r.concat(this.view.extras.itemsInRowsTable)\r\n return r\r\n })()}\r\n rowData={props.original}\r\n ctx={this}\r\n />\r\n \r\n \r\n }\r\n\r\n if (this.view.extras && this.view.extras.itemsInRowsTable) temp = temp.concat(extra)\r\n if (this.view.actions.edit) temp.push(edit)\r\n if (this.view.actions.delete) temp.push(delet)\r\n this.setState(({ columns: temp }), () => { /*console.log(this.state.columns)*/ })\r\n }\r\n\r\n query() {\r\n let pageSize = \"?PageSize=\" + this.state.pageSize\r\n let fieldsToFilter = this.state.formFilter?? {};\r\n // parent ID filter\r\n if(this.state.parentId) fieldsToFilter.parentId = this.state.parentId;\r\n // add params\r\n if(this.props.filterBy) fieldsToFilter = {...fieldsToFilter, ...this.props.filterBy}\r\n \r\n let filters = objToQueryString(fieldsToFilter, false, true);\r\n let search = this.state.search ? ('&filterBy=' + (this.view.actions.search.by || '') + '&' + (this.view.actions.search.paramName || 'filter') +'=' + this.state.search) : ''\r\n let page = this.state.currentPage ? ('&page=' + this.state.currentPage) : ''\r\n return pageSize + filters + search + page\r\n }\r\n\r\n createMsgNoRecords () {\r\n const formFilter = cloneDeep(this.state.formFilter)\r\n let msg = null\r\n if (formFilter && Object.values(formFilter).some(val => val !== null && val !== undefined && val !== \"\")) {\r\n const filters = Object.entries(formFilter).reduce((acc, [key, value]) => {\r\n if (value !== null && value !== undefined && value !== \"\") {\r\n acc[key] = value\r\n }\r\n return acc\r\n }, {})\r\n const { L, selects } = this.state\r\n const fields = this.view.filter.fields.filter(f => Object.keys(filters).indexOf(f.name) > -1 && f.type !== \"hidden\")\r\n msg = `${L[\"main.noRecordsForFilters\"]} `\r\n fields.forEach((field, index) => {\r\n if (field.type === \"select\") msg+= `${L[field.label]?? field.label}: ${selects[field.name]?.label}${index === (fields.length -1) ? \". \" : \", \"}`\r\n else msg+= `${L[field.label]?? field.label}: ${filters[field.name]}${index === (fields.length -1) ? \". \" : \", \"}`\r\n })\r\n if (this.view.actions.create) msg += L[\"main.addRecordsWithCreateButton\"]\r\n this.setState({msgNoRecords: msg})\r\n }\r\n }\r\n\r\n getData() {\r\n this.setState({ progressBar: true })\r\n let path = `${this.view.config.customPathGet || `${this.state.resource}/get/`}${this.query()}`\r\n _axios\r\n .get(path)\r\n .then(r => {\r\n if (r.status >= 0 && r.data?.RowCount > -1) {\r\n this.setState({ rowCount: r.data.RowCount, pageCount: r.data.PageCount, progressBar: false })\r\n return\r\n }\r\n if (this.view.config.remap) r = this.view.config.remap(r, this.view.config.remapRow)\r\n\r\n if (r.status >= 0) {\r\n if (r.data.Results.length === 0) {\r\n this.createMsgNoRecords()\r\n let msg = AppLocale[this.props.locale].messages[\"main.noRecords\"]\r\n this.props.insideCustomForm ? this.setState({customMsg: msg}) : NotificationManager.success(msg, AppLocale[this.props.locale].messages[\"main.info\"], 5000, null, null, 'outline')\r\n }\r\n \r\n let data = []\r\n if (this.view.config.getDataSuccess) data = this.view.config.getDataSuccess(r.data.Results)\r\n else {\r\n r.data.Results.forEach(e => {\r\n e.editRow = this.getDataById\r\n e.deleteRow = this.toggleDelete\r\n data.push(e)\r\n })\r\n }\r\n this.setState({ data: data, rowCount: r.data.RowCount })\r\n } else {\r\n this.props.insideCustomForm ? this.setState({customMsg: r.msg}) : NotificationManager.error(r.msg, 'Opps', 5000, null, null, 'outline')\r\n }\r\n this.setState({ progressBar: false })\r\n })\r\n }\r\n\r\n getDataById = (id, selectedId = true) => {\r\n if (selectedId) this.setState({idItemSelected: id})\r\n this.props.setLoader(true)\r\n var path = `${this.state.resource}/get/${id}`\r\n _axios\r\n .get(path)\r\n .then(r => {\r\n this.props.setLoader(false)\r\n\r\n if (this.view.form.remapOne) r = this.view.form.remapOne(r)\r\n\r\n if (r.status >= 0) {\r\n let fields = cloneDeep(this.state.formFields)\r\n fields.forEach((f) => {\r\n if (f.type !== 'label' && f.type !== 'alert') f.value = r.data[f.name]\r\n if (f.type === 'dropzone') f.opts.url = r.data[f.name + 'Url']\r\n // for collapsible type fields\r\n if (f.childs) f.childs = (f.childs || []).map(c => ({ ...c, value: r.data[c.name] }))\r\n // for wizard type fields\r\n if (f.steps) {\r\n f.steps = f.steps.map(step => \r\n ({ ...step, fields: step.fields.map(field =>\r\n (field.type !== 'label' && field.type !== 'alert'\r\n ? field.childs \r\n ? { ...field, childs: field.childs.map(c => ({ ...c, value: r.data[c.name] }))}\r\n : { ...field, value: r.data[field.name] }\r\n : field\r\n )\r\n )})\r\n )\r\n }\r\n // for tabs type fields\r\n if (f.tabs) f.tabs = f.tabs.map(tab => ({ ...tab, fields: tab.fields.map(field => (field.type !== 'label' && field.type !== 'alert' ? { ...field, value: r.data[field.name] } : field)) }))\r\n })\r\n\r\n this.setState({ formFields: fields }, () => {\r\n if (selectedId && !this.state.modal) this.toggle()\r\n if (this.view.form.onGetDataById) this.view.form.onGetDataById()\r\n })\r\n } else NotificationManager.error(r.msg, \"Opps\", 5000, null, null, 'outline')\r\n \r\n }).catch(e => {\r\n this.props.setLoader(false)\r\n })\r\n }\r\n\r\n uploadFiles (id) {\r\n return new Promise((resolve, reject) => {\r\n try {\r\n if (!id) return resolve('empty')\r\n id = typeof id === 'object' ? id.ID : id\r\n\r\n const dropzones = this.searchDropzones()\r\n this.setState({ dropzones: dropzones }, () => {\r\n if (this.state.dropzones.length === 0) return resolve('empty')\r\n this.props.setLoader(true)\r\n\r\n const error = (error) => {\r\n this.props.setLoader(false)\r\n return reject(error)\r\n }\r\n const setUploadActive = (data) => {\r\n if (this.state.uploadActive < this.state.dropzones.length) {\r\n // console.log('active', this.state.uploadActive)\r\n this.setState({uploadActive: this.state.uploadActive + 1}, () => {\r\n if (this.state.uploadActive >= this.state.dropzones.length) {\r\n this.props.setLoader(false)\r\n return resolve(data)\r\n }\r\n this.setState({\r\n uploadFiles: {id: id, name: this.state.dropzones[this.state.uploadActive].name, success: setUploadActive, error: error },\r\n })\r\n })\r\n }\r\n }\r\n\r\n if (this.state.dropzones.length > 0) {\r\n this.setState({uploadActive: 0}, () => {\r\n this.setState({\r\n uploadFiles: {id: id, name: this.state.dropzones[this.state.uploadActive].name, success: setUploadActive, error: error },\r\n })\r\n })\r\n }\r\n })\r\n } catch (error) {\r\n reject(error)\r\n }\r\n })\r\n }\r\n\r\n searchDropzones() {\r\n let dropzones = this.state.formFields.filter(f => f.type === 'dropzone')\r\n const wizard = this.state.formFields.find(f => f.type === \"wizard\")\r\n if (wizard && Array.isArray(wizard.steps)) {\r\n const stepId = this.state.form?.flags?.currentStepId\r\n const currentStep = wizard.steps.find(s => s.id === stepId)\r\n if (currentStep && Array.isArray(currentStep.fields)) {\r\n currentStep.fields.forEach(sf => {\r\n if (sf.type === \"dropzone\") {\r\n dropzones = [...dropzones, sf]\r\n }\r\n if (sf.type === \"fieldset\" && Array.isArray(sf.childs)) {\r\n sf.childs.forEach(f => {\r\n if (f.type === \"dropzone\") {\r\n dropzones = [...dropzones, f]\r\n }\r\n })\r\n }\r\n })\r\n }\r\n }\r\n return dropzones\r\n }\r\n\r\n setValueDropZone(form) {\r\n const dropzones = this.searchDropzones()\r\n dropzones.forEach(e => {\r\n if (form[e.name] && Array.isArray(form[e.name])) form[e.name] = null\r\n })\r\n return form\r\n }\r\n\r\n defaultValuesUploadFiles () {\r\n this.setState({\r\n dropzones: [],\r\n uploadActive: 0,\r\n uploadFiles: null,\r\n })\r\n }\r\n\r\n create() {\r\n this.validateForm().then(() => {\r\n this.props.setLoader(true)\r\n const wizard = this.state.wizard\r\n const stepMethod = wizard?.steps?.find(s => s.id === this.state.form?.flags?.currentStepId)?.method\r\n let path = this.view.config.customPathPost?? (stepMethod ? stepMethod() : `${this.state.resource}/create`)\r\n let form = cloneDeep(this.state.form)\r\n form = this.setValueDropZone(form)\r\n // modify values before post\r\n if (this.view.form.setValuesBeforePost) {\r\n form = this.view.form.setValuesBeforePost(form)\r\n }\r\n _axios\r\n .post(`${path}${this.state.parentId ? `?parentId=${this.state.parentId}` : ''}`, form)\r\n .then(r => {\r\n if (!this.view.form.onCreateSuccess) this.props.setLoader(false)\r\n ///Temp fix\r\n // if (!r.status) r = { status: 0, data: r };\r\n if (r.status === undefined || r.status === null) r = { status: 0, data: r }\r\n // TBD: user remap in axios for response format\r\n if (r.status >= 0) {\r\n this.uploadFiles(r.data).then((response) => {\r\n this.defaultValuesUploadFiles()\r\n if (this.view.actions?.create?.reloadGrid) this.getData()\r\n else if (r.data) {\r\n const ID = r.data.ID || r.data\r\n const index = this.state.data.findIndex(e => e.ID === ID )\r\n let array = [...this.state.data] // make a separate copy of the array\r\n const rm = this.view.config.remapRow ? this.view.config.remapRow(this.state.form, r.data, 'create', response) : this.state.form\r\n if (index > -1) {\r\n array[index] = { ...array[index], ...rm }\r\n } else {\r\n let newItem = { ...rm }\r\n newItem.ID = ID\r\n newItem.editRow = this.getDataById\r\n newItem.deleteRow = this.toggleDelete\r\n array.splice(0, 0, newItem)\r\n }\r\n this.setState({ data: array, animateTr: this.animateTrById(ID) }, () => {\r\n setTimeout(() => { this.setState({ animateTr: null }) }, 3000)\r\n })\r\n }\r\n if (!this.state.idItemSelected && wizard) this.handleNextStepOfWizard()\r\n process.nextTick(() => {\r\n if (this.view.form.onCreateSuccess) this.view.form.onCreateSuccess(r)\r\n else this.toggle()\r\n this.props.listenCreateSuccess && this.props.listenCreateSuccess(true)\r\n })\r\n })\r\n .catch((e) => { console.log(e) })\r\n } else {\r\n if (this.view.form.onCreateFailure) this.view.form.onCreateFailure(r)\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n })\r\n .catch((e) => { this.props.setLoader(false) })\r\n })\r\n .catch(e => { /* console.log(e) */ })\r\n }\r\n\r\n edit() {\r\n this.validateForm().then(() => {\r\n this.props.setLoader(true);\r\n const wizard = this.state.wizard\r\n var path = this.view.config.customPathPost ? this.view.config.customPathPost.replace('{ID}', this.state.idItemSelected) : `${this.state.resource}/edit/${this.state.idItemSelected}`\r\n var form = cloneDeep(this.state.form)\r\n // If the editor type field has not changed its value, null must be sent\r\n let fields = cloneDeep(this.state.formFields)\r\n fields.forEach((f) => {\r\n for (const [key] of Object.entries(form)) {\r\n if (f.type === 'editor' && f.name === key) {\r\n if (form[key] === this.state.formDefault[key]) form[key] = null\r\n }\r\n /* for collapsible type fields */\r\n if (f.childs && f.childs.length > 0) {\r\n for (var i=0; i {\r\n if (!this.view.form.onEditSuccess) this.props.setLoader(false)\r\n\r\n ///Temp fix\r\n if (r.status === undefined || r.status === null) r = { status: 0, data: r }\r\n // TBD: user remap in axios for response format\r\n ///\r\n\r\n if (r.status >= 0) {\r\n this.uploadFiles(r.data).then((response) => {\r\n this.defaultValuesUploadFiles()\r\n if (this.view.form.afterEdit) this.view.form.afterEdit()\r\n if (this.view.actions?.edit?.reloadGrid) this.getData()\r\n else if (r.data) {\r\n const index = this.state.data.findIndex((e) => { return e.ID === this.state.idItemSelected })\r\n var array = [...this.state.data] // make a separate copy of the array\r\n const rm = this.view.config.remapRow ? this.view.config.remapRow(this.state.form, r.data, 'edit', response) : this.state.form\r\n array[index] = { ...array[index], ...rm }\r\n this.setState(({ data: array, animateTr: this.animateTrById(this.state.idItemSelected) }), () => {\r\n setTimeout(() => { this.setState({ animateTr: null }) }, 3000)\r\n })\r\n }\r\n if (wizard) this.handleNextStepOfWizard()\r\n if (this.view.form.onEditSuccess) this.view.form.onEditSuccess(r)\r\n else this.toggle()\r\n this.props.listenEditSuccess && this.props.listenEditSuccess(true)\r\n })\r\n .catch((e) => { /* console.log(e) */ })\r\n } else {\r\n if (this.view.form.onEditFailure) this.view.form.onEditFailure(r)\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n })\r\n .catch((e) => { this.props.setLoader(false) })\r\n })\r\n .catch(e => { /* console.log(e) */ })\r\n }\r\n\r\n delete() {\r\n this.props.setLoader(true)\r\n let path = `${this.state.resource}/delete/${this.state.idItemSelected}?confirm=true`\r\n _axios\r\n .post(path)\r\n .then(r => {\r\n this.props.setLoader(false)\r\n if (r.status >= 0) {\r\n let index = this.state.data.findIndex((e) => { return e.ID === this.state.idItemSelected })\r\n let array = [...this.state.data]; // make a separate copy of the array\r\n array.splice(index, 1)\r\n this.setState({ data: array }, () => {\r\n this.toggleDelete()\r\n })\r\n this.props.listenDeleteSuccess && this.props.listenDeleteSuccess(true)\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n })\r\n .catch((e) => { this.toggleDelete(); this.props.setLoader(false) })\r\n }\r\n\r\n resetDataTable() {\r\n this.setState(({ currentPage: 1 }), () => { this.getData() })\r\n }\r\n\r\n handleChangeSearch = (e) => {\r\n this.setState({ search: e.target.value });\r\n }\r\n\r\n handleKeyPress = (event) => {\r\n if (event.key === 'Enter') this.resetDataTable()\r\n }\r\n\r\n toggle = async () => {\r\n if (!this.state.modal && this.view.form?.beforeOpenModal) {\r\n await this.view.form.beforeOpenModal()\r\n }\r\n this.setState(prevState => ({\r\n modal: !prevState.modal\r\n }), () => {\r\n if (this.state.modal) this.setState({showFormCustom: true})\r\n else {\r\n this.restoreDefaultValues()\r\n if (this.view.form.afterCloseModal) {\r\n this.view.form.afterCloseModal()\r\n }\r\n }\r\n })\r\n }\r\n\r\n togglePreview = () => {\r\n this.setState(prevState => ({\r\n modalPreview: !prevState.modalPreview\r\n }))\r\n }\r\n\r\n restoreDefaultValues = () => {\r\n this.setState({\r\n idItemSelected: null,\r\n form: null,\r\n formDefault: null,\r\n formFlags: cloneDeep(this.state.formFlagsDefault),\r\n formFields: this.view?.form?.fields,\r\n hideBtnSave: this.view?.config?.hideBtnSave,\r\n showFormCustom: false,\r\n modalPreview: false,\r\n btnCancel: \"main.cancel\",\r\n btnSave: \"main.save\",\r\n btnCreate: \"main.create\"\r\n })\r\n this.view = cloneDeep(this.viewDefault)\r\n }\r\n\r\n toggleRight = () => {\r\n this.setState(prevState => ({\r\n modalRight: !prevState.modalRight\r\n }))\r\n }\r\n\r\n toggleDelete = (id) => {\r\n this.setState(prevState => ({\r\n modalDelete: !prevState.modalDelete\r\n }), () => {\r\n this.setState(({ idItemSelected: id || null }), () => { /* console.log(this.state.idItemSelected) */ });\r\n })\r\n }\r\n\r\n showDialog = (opts) => {\r\n if(opts){\r\n this.setState(prevState => {\r\n let modalGeneric = Object.assign({}, prevState.modalGeneric);\r\n modalGeneric.title = opts.title\r\n modalGeneric.msg = opts.msg\r\n modalGeneric.action = opts.action \r\n return { modalGeneric }; \r\n })\r\n }\r\n this.setState(prevState => ({\r\n modalGenericVisible: !prevState.modalGenericVisible\r\n }), () => { });\r\n }\r\n\r\n listenStatesForm = (form) => {\r\n // console.log('statesForm', form)\r\n this.setState({ form: form })\r\n if (this.state.formDefault === null && this.state.modal) this.setState({ formDefault: form })\r\n }\r\n\r\n listenStatesFormFilter = (s) => {\r\n this.setState({ formFilter: s })\r\n }\r\n\r\n getValueLabelOfFieldSelect = (s) => {\r\n let selects = this.state.selects || {}\r\n selects = {...selects, ...s}\r\n this.setState({ selects: selects })\r\n }\r\n\r\n listenBtnActionsFormFilter = (a, s, rowData) => {\r\n if (a === 'filter') this.resetDataTable()\r\n else if (a === 'menu') {\r\n if (s.form) {\r\n this.setState({ modalRightContent: s.form, idItemPreSelected: rowData.ID }, () => {\r\n this.toggleRight();\r\n })\r\n }\r\n }\r\n }\r\n\r\n listenCurrentPage = (p) => {\r\n this.setState(({ currentPage: p }), () => { this.getData() })\r\n }\r\n\r\n animateTrById = (id) => {\r\n let f = (state, rowInfo, column) => {\r\n if (rowInfo?.row.ID === id || rowInfo?.original.ID === id) {\r\n return {\r\n style: {\r\n animationName: \"flash\",\r\n animationDuration: \"3s\"\r\n }\r\n }\r\n } else return {}\r\n }\r\n return f\r\n }\r\n\r\n getTenant = () => { var t = JSON.parse(localStorage.getItem('current_tenant')); return t ? t.id : 0 }\r\n\r\n handleNextStepOfWizard = () => {\r\n if (!this.nextStep) return\r\n const currentStep = this.state.wizard.steps.find(s => s.id === this.state.form?.flags?.currentStepId)\r\n if (currentStep.handleNextStep) currentStep.handleNextStep()\r\n else this.nextStep()\r\n }\r\n\r\n toggleDropdown = () => {\r\n this.setState({dropdown: !this.state.dropdown})\r\n }\r\n\r\n previewOfGrid = (data) => {\r\n const previewOfGrid = this.view.preview?.previewOf?.grid\r\n if (previewOfGrid) {\r\n this.setState({\r\n preview: {\r\n name: previewOfGrid.name,\r\n data: data,\r\n handleData: previewOfGrid.handleData,\r\n toggle: this.togglePreview\r\n }\r\n }, () => {\r\n if (!this.state.modalPreview && window.innerWidth >= 1150) {this.setState({modalPreview: true})}\r\n })\r\n }\r\n }\r\n\r\n previewOfForm = (form) => {\r\n const previewOfForm = this.view.preview?.previewOf?.form\r\n if (previewOfForm) {\r\n this.setState({\r\n preview: {\r\n name: previewOfForm.name,\r\n data: form,\r\n handleData: previewOfForm.handleData,\r\n toggle: this.togglePreview\r\n }\r\n }, () => {\r\n if (!this.state.modalPreview && window.innerWidth >= 1150 && this.state.showFormCustom) {this.setState({modalPreview: true})}\r\n })\r\n }\r\n }\r\n\r\n menuOptions = () => {\r\n const options = []\r\n if (this.view.actions?.export) options.push({name: \"main.excel\", onClick: () => { this.ctxExportToExcel.getData() }})\r\n if (this.view.actions?.print) options.push({name: \"main.print\", onClick: () => { this.ctxExportToPrint.getData() }})\r\n if (this.view.actions?.import) options.push({name: `${this.view.id}.importSyncMenu`, onClick: () => { this.ctxImportTo.toggle() }})\r\n return options \r\n }\r\n\r\n render() {\r\n const { locale, params } = this.props\r\n const { L } = this.state\r\n const TITLE = this.view ? this.view.config.customTitle?? (locale === 'es' ? this.view.label : this.view.labelEn) : \"\"\r\n return (\r\n this.state.authorized && \r\n {/* HEADER */}\r\n {!this.props.onlyCrud &&\r\n \r\n \r\n \r\n {/* TITLE */}\r\n {!this.view.config.hiddenTitle && \r\n \r\n {/*!this.view.config.hiddenTitle && { TITLE }
: { TITLE }
)}\r\n \r\n }\r\n \r\n {/* ACCIONES EXTRA */}\r\n {this.view.extras?.items && (this.view.extras.items.length > 1 || this.view.extras.maxItems >= 1) &&\r\n \r\n \r\n \r\n }\r\n
\r\n\r\n {params?.setupMsg && {params.setupMsg} }\r\n\r\n {/* FORM EXTRAS */}\r\n {this.view.extras?.forms && \r\n \r\n {this.view.extras.forms.map((f, index) => {\r\n if (f.spacer) return (\r\n \r\n )\r\n else return (\r\n \r\n \r\n f.onSuccess(s) : () => { }}\r\n remap={f.remap}\r\n sideToSide={f.sideToSide}\r\n />\r\n \r\n \r\n )\r\n })}\r\n
\r\n }\r\n \r\n {/* FILTERS */}\r\n {this.view.filter &&\r\n \r\n \r\n \r\n
\r\n }\r\n\r\n {/* BUTONS ACTIONS */}\r\n {!this.view.config.hiddenButtons &&\r\n \r\n \r\n \r\n \r\n {/* SEARCH */}\r\n {this.view.actions?.search &&\r\n \r\n { this.setState(({ search: '' }), () => { this.resetDataTable() }) }}\r\n >\r\n \r\n }\r\n \r\n\r\n \r\n {/* CREATE */}\r\n {this.view.actions?.create &&\r\n \r\n }\r\n\r\n {/* IMPORT DATA */}\r\n {this.view.actions?.import && \r\n this.ctxImportTo = ctx}\r\n hideButton={this.state.data.length > 0}\r\n />\r\n }\r\n\r\n {/* OTHER BUTTONS */}\r\n {this.view.extras?.items && this.view.extras.items.length === 1 && !this.view.extras.maxItems &&\r\n \r\n }\r\n\r\n {(this.view.actions?.export || this.view.actions?.print || this.view.actions?.import) && \r\n \r\n {/* EXPORT EXCEL */}\r\n {this.view.actions?.export &&\r\n this.ctxExportToExcel = ctx}\r\n />\r\n }\r\n\r\n {/* PRINT */}\r\n {this.view.actions?.print &&\r\n this.ctxExportToPrint = ctx}\r\n />\r\n }\r\n\r\n {/* DATATABLE CONTROLS */}\r\n {/*\r\n {this.view.config && this.view.config.list &&\r\n \r\n { this.setState({ dataTableList: false }) }}\r\n >\r\n Mostrar tabla \r\n \r\n { this.setState({ dataTableList: true }) }}\r\n >\r\n Mostrar lista \r\n \r\n \r\n }\r\n */}\r\n \r\n \r\n \r\n
\r\n }\r\n\r\n {/* DATATABLE */}\r\n {!this.view.config.hiddenGrid &&\r\n \r\n \r\n \r\n
\r\n }\r\n\r\n {/* CUSTOM COMPONENT */}\r\n {this.view.customComponent &&\r\n \r\n \r\n \r\n
\r\n }\r\n \r\n
\r\n }\r\n\r\n {/* MODAL CREATE/UPDATE */}\r\n {this.state.formFields?.length > 0 &&\r\n \r\n \r\n {(TITLE ? `${TITLE}: ` : \"\")}\r\n {this.state.idItemSelected ? L[\"main.edit\"] : L[\"main.create\"]}\r\n \r\n \r\n {this.state.formFields.length > 0 && this.state.showFormCustom &&\r\n this.validateFor = fn}\r\n validate={fn => this.validateForm = fn}\r\n nextStep={fn => this.nextStep = fn}\r\n listenBtnActions={this.listenBtnActionsFormFilter}\r\n listenChangeStep={this.listenChangeStep}\r\n listenStates={this.listenStatesForm}\r\n didUpdateStates={true}\r\n />\r\n }\r\n \r\n \r\n {!this.state.hideBtnSave && this.state.writePermission &&\r\n { this.view.form.handleSaveChanges ? this.view.form.handleSaveChanges (this) : (this.state.idItemSelected ? this.edit() : this.create()) }}\r\n >\r\n {this.state.idItemSelected\r\n ? L[this.state.btnSave]\r\n : this.state.wizard ? ((this.state.form?.flags?.currentStepIndex + 1 >= this.state.form?.flags?.stepsLength ? L[\"main.finish\"] : L[\"main.next\"])) : L[this.state.btnCreate]\r\n }\r\n \r\n }\r\n \r\n \r\n \r\n }\r\n \r\n {/* MODAL FOR CUSTOM MENU FORMS */}\r\n \r\n {this.state.modalRight?L[this.state.modalRightContent.name]?? this.state.modalRightContent.name:''} \r\n \r\n {this.state.modalRight && \r\n \r\n\r\n {/* MODAL PREVIEW */}\r\n {this.state.modalPreview && (this.view.preview?.renderIf ? this.view.preview.renderIf() : true) &&\r\n \r\n {this.state.preview && }\r\n \r\n }\r\n \r\n {/* MODAL DELETE */}\r\n { r ? this.delete() : this.toggleDelete() }}\r\n >\r\n \r\n\r\n {/* MODAL GENERIC */}\r\n { this.state.modalGeneric.action(r); this.showDialog() }}\r\n >\r\n \r\n \r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = ({ settings, menu, utils, authUser }) => {\r\n const { menuItems } = menu\r\n const { locale } = settings\r\n const { deepLink, params } = utils\r\n const { userAdmin } = authUser\r\n return { locale, menuItems, deepLink, userAdmin, params }\r\n}\r\n\r\nexport default connect(mapStateToProps, { setLoader, setDeeplink, setParams })(CrudGrid)","import _moment from \"../../libs/moment\"\r\nconst dateRange = (props) => {\r\n const customRange = props?.range?? {}\r\n const customFrom = props?.from?? {}\r\n const customTo = props?.to?? {}\r\n\r\n const rangeName = customRange.name?? \"range\"\r\n const fromName = customFrom.name?? \"from\"\r\n const toName = customTo.name?? \"to\"\r\n\r\n const defaultOptionsFormFilter = [\r\n {value: 0, label: \"main.lastWeek\"},\r\n {value: 1, label: \"main.lastMonth\"},\r\n {value: 2, label: \"main.custom\"}\r\n ]\r\n\r\n const defaultOptionsFormCreateUpdate = [\r\n {value: 0, label: \"main.onlyForToday\"},\r\n {value: 1, label: \"main.oneWeekfromToday\"},\r\n {value: 2, label: \"main.oneMonthFromToday\"},\r\n {value: 3, label: \"main.anotherDateRange\"}\r\n ]\r\n\r\n const defaultOnChangeFormFilter = (ctx) => {\r\n if (ctx.state[rangeName] === 0) ctx.setState({\r\n [fromName]: _moment().add(-7, 'days').format('YYYY-MM-DD'),\r\n [toName]: _moment().format('YYYY-MM-DD')\r\n })\r\n else if (ctx.state[rangeName] === 1) ctx.setState({\r\n [fromName]: _moment().add(-30, 'days').format('YYYY-MM-DD'),\r\n [toName]: _moment().format('YYYY-MM-DD')\r\n })\r\n else ctx.setState({[fromName]: null, [toName]: null})\r\n }\r\n\r\n const defaultOnChangeFormCreateUpdate = (ctx) => {\r\n if (ctx.state[rangeName] === 0) ctx.setState({[fromName]: _moment().startOf('day').format('YYYY-MM-DD HH:mm:ss'), [toName]: _moment().endOf('day').format('YYYY-MM-DD HH:mm:ss')})\r\n else if (ctx.state[rangeName] === 1) ctx.setState({[fromName]: _moment().format('YYYY-MM-DD'), [toName]: _moment().add(+7, 'days').format('YYYY-MM-DD')})\r\n else if (ctx.state[rangeName] === 2) ctx.setState({[fromName]: _moment().format('YYYY-MM-DD'), [toName]: _moment().add(+30, 'days').format('YYYY-MM-DD')})\r\n else if (ctx.state[rangeName] === 3) ctx.setState({[fromName]: null, [toName]: null})\r\n }\r\n\r\n const items = props?.isFormCrud ? defaultOptionsFormCreateUpdate : defaultOptionsFormFilter\r\n const onChange = props?.isFormCrud ? defaultOnChangeFormCreateUpdate : defaultOnChangeFormFilter\r\n\r\n let range = {\r\n name: rangeName,\r\n value: null,\r\n type: \"select\",\r\n label: \"main.dateRange\",\r\n placeholder: \"main.dateRange\",\r\n opts: {\r\n style: 'float-label',\r\n items: items\r\n },\r\n onChange: onChange\r\n }\r\n\r\n const rangeOpts = range.opts?? {}\r\n const customRangeOpts = customRange.opts?? {}\r\n range = {...range, ...customRange}\r\n range.opts = {...rangeOpts, ...customRangeOpts}\r\n\r\n let from = {\r\n name: fromName,\r\n value: null,\r\n type: \"date\",\r\n label: \"main.from\",\r\n opts: {\r\n style: 'float-label',\r\n selectsStart: true,\r\n startDate: (ctx) => ctx.state[fromName] ? _moment(ctx.state[fromName]) : null,\r\n endDate: (ctx) => ctx.state[toName] ? _moment(ctx.state[toName]) : null\r\n },\r\n renderIf: props?.isFormCrud \r\n ? ctx => (ctx.state[fromName] || ctx.state[rangeName] === 3) && (range.renderIf ? range.renderIf(ctx) : true)\r\n : ctx => ctx.state[rangeName] === 2 && (range.renderIf ? range.renderIf(ctx) : true)\r\n }\r\n\r\n const fromOpts = from.opts?? {}\r\n const customFromOpts = customFrom.opts?? {}\r\n from = {...from, ...customFrom}\r\n from.opts = {...fromOpts, ...customFromOpts}\r\n\r\n let to = {\r\n name: toName,\r\n value: null,\r\n type: \"date\",\r\n label: \"main.to\",\r\n opts: {\r\n style: 'float-label',\r\n selectsEnd: true,\r\n startDate: (ctx) => _moment(ctx.state[fromName]),\r\n endDate: (ctx) => _moment(ctx.state[toName]),\r\n minDate: (ctx) => _moment(ctx.state[fromName])\r\n },\r\n renderIf: props?.isFormCrud \r\n ? ctx => (ctx.state[toName] || (ctx.state[rangeName] === 3 && ctx.state[fromName])) && (range.renderIf ? range.renderIf(ctx) : true)\r\n : ctx => (ctx.state[rangeName] === 2 && ctx.state[fromName]) && (range.renderIf ? range.renderIf(ctx) : true)\r\n }\r\n\r\n const toOpts = to.opts?? {}\r\n const customToOpts = customTo.opts?? {}\r\n to = {...to, ...customTo}\r\n to.opts = {...toOpts, ...customToOpts}\r\n\r\n return [range, from, to]\r\n}\r\nexport default dateRange","import { defaultDirection } from \"../config/defaultValues\";\r\nimport _moment from \"../libs/moment\";\r\nconst querystring = require('querystring')\r\n\r\nexport const mapOrder = (array, order, key) => {\r\n array.sort(function (a, b) {\r\n var A = a[key], B = b[key];\r\n if (order.indexOf(A + \"\") > order.indexOf(B + \"\")) {\r\n return 1;\r\n } else {\r\n return -1;\r\n }\r\n });\r\n return array;\r\n};\r\n\r\nexport const getDirection = () => {\r\n let direction = defaultDirection;\r\n if (localStorage.getItem(\"direction\")) {\r\n const localValue = localStorage.getItem(\"direction\");\r\n if (localValue === \"rtl\" || localValue === \"ltr\") {\r\n direction = localValue;\r\n }\r\n }\r\n return {\r\n direction,\r\n isRtl: direction === \"rtl\"\r\n };\r\n};\r\n\r\nexport const setDirection = localValue => {\r\n let direction = \"ltr\";\r\n if (localValue === \"rtl\" || localValue === \"ltr\") {\r\n direction = localValue;\r\n }\r\n localStorage.setItem(\"direction\", direction);\r\n};\r\n\r\n// devuelve un objeto con solo los atrbibutos que tienen un valor valido\r\nexport const objToQueryString = (obj, questionMark, ampersand) => {\r\n if (!obj) return ''\r\n let o = JSON.parse(JSON.stringify(obj))\r\n for(var key in o) {\r\n if(o[key] === null || o[key] === undefined || o[key] === \"\" || o[key] === \" \") delete o[key]\r\n if (typeof o[key] === \"object\") o[key] = o[key].value\r\n }\r\n if (Object.keys(o).length === 0 && o.constructor === Object) return ''\r\n else return (questionMark ? '?' : '') + (ampersand ? '&' : '') + querystring.stringify(o)\r\n}\r\n\r\nexport const openLink = (url) => {\r\n window.open(url, '_blank')\r\n}\r\n\r\nexport const resizeImage = (str, maxWidth = 800) => {\r\n return new Promise((resolve) => {\r\n let img = new Image()\r\n img.src = str\r\n img.onload = () => {\r\n let canvas = document.createElement('canvas')\r\n let w = maxWidth\r\n let r = w / img.width\r\n let h = img.height * r\r\n canvas.width = w\r\n canvas.height = h\r\n let ctx = canvas.getContext('2d')\r\n ctx.drawImage(img, 0, 0, canvas.width, canvas.height)\r\n resolve(canvas.toDataURL('image/jpeg'))\r\n }\r\n })\r\n}\r\n\r\nexport const rgbToHex = (rgb) => {\r\n var match = rgb.match(/^rgb\\((\\d+),\\s*(\\d+),\\s*(\\d+)\\)$/);\r\n \r\n if (!match) {\r\n return rgb;\r\n }\r\n \r\n var r = parseInt(match[1]).toString(16);\r\n var g = parseInt(match[2]).toString(16);\r\n var b = parseInt(match[3]).toString(16);\r\n \r\n if (r.length === 1) r = \"0\" + r;\r\n if (g.length === 1) g = \"0\" + g;\r\n if (b.length === 1) b = \"0\" + b;\r\n \r\n return \"#\" + r + g + b;\r\n}\r\n\r\nexport const getFileExtension = (filename) => {\r\n if (typeof filename !== \"string\") return\r\n const extension = filename.split('.').pop();\r\n return extension.toLowerCase();\r\n}\r\n\r\nexport const decimalFormat = (num) => {\r\n const parsedNum = Number(num)\r\n return !isNaN(parsedNum) ? parsedNum.toFixed(2) : ''\r\n}\r\n\r\nexport const addPrefixToObjectKeys = (obj, prefix) => {\r\n const result = {};\r\n for (const key in obj) {\r\n result[`${prefix}${key}`] = obj[key];\r\n }\r\n return result;\r\n}\r\n\r\nexport const getValueOfParameterFromURL = (param, href) => {\r\n const url = window.location.href?? href;\r\n const length = `${param}=`.length\r\n const indiceInicio = url.indexOf(`${param}=`);\r\n\r\n if (indiceInicio !== -1) {\r\n var indiceFin = url.indexOf(\"&\", indiceInicio);\r\n var value;\r\n \r\n if (indiceFin !== -1) {\r\n value = url.substring(indiceInicio + length, indiceFin);\r\n } else {\r\n value = url.substring(indiceInicio + length);\r\n }\r\n\r\n value = decodeURIComponent(value);\r\n return value;\r\n } else return null;\r\n}\r\n\r\nexport const isAndroidOrIos = () => {\r\n return /Android/i.test(navigator.userAgent) === true || /iPhone|iPad/i.test(navigator.userAgent) === true;\r\n}\r\n\r\nexport const goToWhatsApp = (phone, text = \"\", countryCode = \"\") => {\r\n // si es dispositivo android o ios no emulado abrira el app\r\n if ((navigator.userAgent.match(/(android|ip(hone|ad|od))/i) && (!navigator.platform || !navigator.platform.match(/(win|mac)/i))) || navigator.userAgent.match(/(windows phone|iemobile|wpdesktop|blackberry)/i)) window.open(`whatsapp://send?${phone ? (`phone=${countryCode}${phone}&`) : ''}text=${encodeURIComponent(text)}`, '_system')\r\n else window.open(`https://web.whatsapp.com/send?${phone ? (`phone=${countryCode}${phone}&`) : ''}text=${encodeURIComponent(text)}`, '_blank')\r\n}\r\n\r\nexport const findModuleInMenu = (menu, searchBy, value) => {\r\n let modOption = menu.find(m => m[searchBy] === value)\r\n // look in submenus\r\n if (modOption === undefined) {\r\n menu.forEach(m => {\r\n if (modOption === undefined && m.subs?.length > 0) {\r\n modOption = m.subs.find((sm) => sm[searchBy] === value)\r\n }\r\n })\r\n }\r\n return modOption\r\n}\r\n\r\nexport const generateGUID = () => {\r\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {\r\n var r = Math.random() * 16 | 0;\r\n var v = c === 'x' ? r : ((r & 0x3) | 0x8);\r\n return v.toString(16);\r\n });\r\n}\r\n\r\nexport const replaceWords = (str, replacements) => {\r\n for (let word in replacements) {\r\n str = str.replace(word, replacements[word])\r\n }\r\n return str\r\n}\r\n\r\nexport const whatsToHtml = (msg) => {\r\n if (!msg) return;\r\n\r\n return msg\r\n .replace(/~(~*[^~\\n]+~*)~/g, '$1')\r\n .replace(/_(_*[^_\\n]+_*)_/g, '$1')\r\n .replace(/\\*(\\**[^*\\n]+\\**)\\*/g, '$1')\r\n .replace(/```([^`]+)```/g, '$1')\r\n .replace(/(?:\\r\\n|\\r|\\n)/g, '
');\r\n}\r\n\r\nexport const getNextDayOfWeek = (dayOfWeek) => {\r\n if (dayOfWeek < 0 || dayOfWeek > 6) {\r\n throw new Error('dayOfWeek must be between 0 (Sunday) and 6 (Saturday)')\r\n }\r\n\r\n const today = _moment()\r\n const currentDay = today.day()\r\n let daysUntilNext = (dayOfWeek - currentDay + 7) % 7\r\n \r\n if (daysUntilNext === 0) {\r\n daysUntilNext = 7\r\n }\r\n\r\n const nextDay = today.add(daysUntilNext, 'days')\r\n nextDay.startOf('day')\r\n\r\n return nextDay.format('YYYY-MM-DD')\r\n}","import React, { Component } from \"react\";\r\nimport { setLoader } from \"../../redux/actions\";\r\nimport {\r\n Card,\r\n CardBody,\r\n CardTitle\r\n} from \"reactstrap\";\r\nimport { connect } from \"react-redux\";\r\nimport FormCustom from \"../../components/utils/FormCustom\";\r\nimport _axios from \"../../libs/axios\";\r\nimport { NotificationManager } from \"../../components/common/react-notifications\";\r\nimport { cloneDeep } from \"lodash\"\r\nimport AppLocale from \"../../config/lang\";\r\n\r\nclass FormSmart extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n formFields: props.fields,\r\n form: null,\r\n loaded: false,\r\n prevState: null,\r\n progressBar: false,\r\n // upload files\r\n dropzones: [],\r\n uploadActive: -1,\r\n uploadFiles: null,\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.listenStates) this.props.listenStates(this.state.formFields)\r\n setTimeout(() => {\r\n this.getMyData();\r\n }, 300);\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (this.state.formFields !== prevState.formFields) {\r\n if (this.props.listenStates) this.props.listenStates(this.state.formFields)\r\n }\r\n }\r\n\r\n listenStatesForm = (s) => {\r\n if (!this.props.fields) return\r\n let fields = cloneDeep(this.props.fields);\r\n fields.forEach((f, i) => {\r\n for (const [key, val] of Object.entries(s)) {\r\n if (f.name === key) fields[i].value = val\r\n }\r\n });\r\n\r\n this.setState({ formFields: fields, form: s });\r\n\r\n // Detect changes in form\r\n if (this.state.loaded && this.state.prevState !== null && this.state.prevState !== s) {\r\n if (this.props.buttons) this.props.buttons[0].disabled = false;\r\n this.forceUpdate();\r\n }\r\n }\r\n\r\n listenBtnActionsFormFilter = (a, s) => {\r\n if (a === 'save') {\r\n this.postMyData();\r\n }\r\n }\r\n\r\n uploadFiles (id) {\r\n return new Promise((resolve, reject) => {\r\n try {\r\n this.setState({ dropzones: this.props.fields.filter((e) => { return e.type === 'dropzone'}) }, () => {\r\n if (this.state.dropzones.length === 0) return resolve('empty')\r\n\r\n this.props.setLoader(true)\r\n\r\n let error = (e) => {\r\n this.setState({\r\n dropzones: [],\r\n uploadActive: -1,\r\n uploadFiles: null,\r\n })\r\n this.props.setLoader(false)\r\n reject(e)\r\n }\r\n\r\n let setUploadActive = () => {\r\n if (this.state.uploadActive < this.state.dropzones.length) {\r\n this.setState({\r\n uploadActive: this.state.uploadActive + 1}, () => {\r\n if (this.state.uploadActive >= this.state.dropzones.length) {\r\n this.props.setLoader(false)\r\n return resolve('ok')\r\n }\r\n this.setState({\r\n uploadFiles: {id: id, name: this.state.dropzones[this.state.uploadActive].name, success: setUploadActive, error: error },\r\n })\r\n })\r\n }\r\n }\r\n\r\n if (this.state.dropzones.length > 0) {\r\n this.setState({uploadActive: 0}, () => {\r\n this.setState({\r\n uploadFiles: {id: id, name: this.state.dropzones[this.state.uploadActive].name, success: setUploadActive, error: error },\r\n })\r\n })\r\n }\r\n })\r\n } catch (error) {\r\n reject(error)\r\n }\r\n })\r\n }\r\n\r\n getMyData() {\r\n var path = this.props.getUrl;\r\n let fields = cloneDeep(this.props.fields)\r\n\r\n if(!path && this.props.remapGET) {\r\n fields.forEach((f, i) => {\r\n for (const [key, val] of Object.entries(this.props.remapGET())) {\r\n if (f.name === key) fields[i].value = val\r\n }\r\n });\r\n\r\n this.setState({ formFields: fields, loaded: true, progressBar: false });\r\n this.setState({ prevState: this.state });\r\n return;\r\n }\r\n \r\n if(!path) {\r\n this.setState({ loaded: true });\r\n this.setState({ prevState: this.state });\r\n return;\r\n }\r\n\r\n let R = (r) => {\r\n if (this.props.remapGET) r = this.props.remapGET(r);\r\n else if (r && r.data) r = r.data;\r\n\r\n if (r) {\r\n fields.forEach((f, i) => {\r\n for (const [key, val] of Object.entries(r)) {\r\n if (f.name === key) fields[i].value = val\r\n }\r\n });\r\n }\r\n \r\n this.setState({ formFields: fields, loaded: true, progressBar: false });\r\n this.setState({ prevState: this.state });\r\n\r\n // disable save button\r\n if (this.props.buttons) this.props.buttons[0].disabled = true;\r\n this.forceUpdate();\r\n };\r\n\r\n if (!path) R();\r\n else _axios\r\n .get(path)\r\n .then(R).catch(e => {\r\n console.log(e);\r\n })\r\n }\r\n\r\n postMyData() {\r\n this.validateForm().then(() => {\r\n this.setState({ progressBar: true });\r\n this.props.buttons[0].disabled = true;\r\n this.forceUpdate();\r\n\r\n var path = this.props.postUrl;\r\n\r\n let body = cloneDeep(this.state.form)\r\n delete body.flags\r\n delete body.selectedField\r\n\r\n _axios\r\n .post(path, body)\r\n .then(r => {\r\n this.setState({ progressBar: false });\r\n\r\n if (r.status === 0) {\r\n this.uploadFiles(r.data).then((response) => {\r\n NotificationManager.success(r.msg || this.props.okMsg, this.props.title, 5000, null, null, 'outline');\r\n if (this.props.onSuccess) this.props.onSuccess(this)\r\n }).catch(e => {\r\n this.props.buttons[0].disabled = false;\r\n this.forceUpdate();\r\n console.log(e);\r\n });\r\n }\r\n else {\r\n NotificationManager.error(r.msg, this.props.title, 10000, null, null, 'outline');\r\n this.props.buttons[0].disabled = false;\r\n this.forceUpdate();\r\n }\r\n })\r\n .catch((e) => {\r\n this.props.buttons[0].disabled = false;\r\n this.forceUpdate();\r\n })\r\n })\r\n .catch(e => {\r\n NotificationManager.error(\"Campos requeridos\", \"Completar los campos requeridos\", 3000, null, null, 'outline')\r\n })\r\n }\r\n\r\n getSkeleton() {\r\n if (!this.state.formFields) return\r\n let temp = cloneDeep(this.state.formFields);\r\n\r\n temp.forEach(e => {\r\n if (['label', 'dropzone'].indexOf(e.type) === -1) e.value = e.value === true || e.value === false ? false : '...';\r\n });\r\n\r\n return temp;\r\n }\r\n\r\n showTooltip(field) {\r\n if (this.props.listenBtnActions) this.props.listenBtnActions('tooltip', field);\r\n }\r\n\r\n render() {\r\n const { locale } = this.props\r\n const L = AppLocale[locale].messages\r\n const p = this.props\r\n return (\r\n \r\n {this.state.progressBar && }\r\n \r\n {p.title && {L[p.title]?? p.title} }\r\n {!this.state.loaded && this.validateForm = ctx}\r\n onTooltip={e => this.showTooltip(e)}\r\n uploadFiles={this.state.uploadFiles}\r\n detailGrid={this.props.detailGrid}\r\n subforms={this.props.subforms}\r\n />}\r\n \r\n \r\n );\r\n }\r\n};\r\n\r\nconst mapStateToProps = ({ settings }) => {\r\n const { locale } = settings\r\n return { locale };\r\n};\r\n\r\nexport default connect(mapStateToProps, { setLoader })(FormSmart);","const data = [\r\n { value: 0, label: \"Acceso básico\" },\r\n { value: 2, label: \"Asesores / Asistentes\" },\r\n { value: 3, label: \"Coordinador Curso\" },\r\n { value: 4, label: \"Tutores\" },\r\n { value: 5, label: \"Profesores / Instructores\" },\r\n { value: 6, label: \"Psicólogos\" },\r\n { value: 7, label: \"Supervisión académica\" },\r\n { value: 8, label: \"Staff médico\" },\r\n { value: 9, label: \"Usuarios externos de app\" },\r\n { value: 10, label: \"Usuarios externos de admin\" },\r\n { value: 20, label: \"Coordinación de nivel\" },\r\n { value: 90, label: \"Directivos\" },\r\n { value: 95, label: \"Admins\" },\r\n { value: 99, label: \"API\" },\r\n { value: 100, label: \"Super-Admins\" }\r\n]\r\nexport default data\r\n ","import moment from \"moment\"\r\n\r\nexport default (context) => {\r\n let years = []\r\n let year = 2021\r\n const currentYear = parseInt(moment().format('Y'))\r\n while (year <= currentYear) {\r\n years.push({ value: year, label: year.toString() })\r\n year++\r\n }\r\n return {\r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n customPathGet: \"admOrder/getGrid\",\r\n customPathPost: \"admOrder/createbulk\"\r\n },\r\n \r\n actions: {\r\n create: {\r\n reloadGrid: true,\r\n btn: (ctx) => {\r\n ctx.state.formFlags.bulk = false\r\n ctx.toggle();\r\n }\r\n },\r\n edit: false,\r\n delete: false,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n extras: {\r\n items: [\r\n { icon: 'simple-icon-reload', name: 'En masivo', onClick: (ctx) => {\r\n ctx.state.formFlags.bulk = true\r\n ctx.toggle();\r\n } \r\n }\r\n ],\r\n itemsInRowsTable: [\r\n { icon: 'simple-icon-eye', name: 'Ver mensualidades', onClick: (rowData, ctx) => {\r\n let obj = {\r\n module: 'admOrder',\r\n params: [\r\n {\r\n name: \"studentId\",\r\n value: {value: rowData.ID, label: rowData.name},\r\n type: \"select\",\r\n label: \"Alumno\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: \"/admStudent/get?pick=true\",\r\n withImg: true\r\n }\r\n },\r\n {\r\n name: \"range\",\r\n value: 2,\r\n type: \"select\",\r\n label: \"main.dateRange\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {value: 0, label: \"main.lastWeek\"},\r\n {value: 1, label: \"main.lastMonth\"},\r\n {value: 2, label: \"main.custom\"}\r\n ]\r\n },\r\n onChange: (ctx) => {\r\n if (ctx.state.range === 0) ctx.setState({from: moment().add(-7, 'days').format(), to: moment().format()})\r\n else if (ctx.state.range === 1) ctx.setState({from: moment().add(-30, 'days').format(), to: moment().format()})\r\n // else ctx.setState({from: null, to: null})\r\n }\r\n },\r\n {\r\n name: \"from\",\r\n value: new Date(ctx.state.formFilter.year,0,1),\r\n type: \"date\",\r\n label: \"main.from\",\r\n opts: {\r\n style: 'float-label',\r\n selectsStart: true,\r\n startDate: (ctx) => ctx.state.from ? moment(ctx.state.from) : null,\r\n endDate: (ctx) => ctx.state.to ? moment(ctx.state.to) : null\r\n },\r\n renderIf: ctx => ctx.state.range === 2\r\n },\r\n {\r\n name: \"to\",\r\n value: new Date(ctx.state.formFilter.year+1,0,1),\r\n type: \"date\",\r\n label: \"main.to\",\r\n opts: {\r\n style: 'float-label',\r\n selectsEnd: true,\r\n startDate: (ctx) => moment(ctx.state.from),\r\n endDate: (ctx) => moment(ctx.state.to),\r\n minDate: (ctx) => moment(ctx.state.from)\r\n },\r\n renderIf: ctx => ctx.state.range === 2 && ctx.state.from\r\n }\r\n ],\r\n type: 0,\r\n keepFilters: true\r\n }\r\n ctx.props.setDeeplink(obj, ctx.props.history)\r\n }\r\n },\r\n { icon: 'simple-icon-eye', name: 'Ver pagos', onClick: (rowData, ctx) => {\r\n let obj = {\r\n module: 'admBilling',\r\n params: [\r\n {\r\n name: \"studentId\",\r\n value: {value: rowData.ID, label: rowData.name},\r\n type: \"select\",\r\n label: \"Alumno\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: \"/admStudent/get?pick=true\",\r\n withImg: true\r\n }\r\n }\r\n ],\r\n type: 0,\r\n keepFilters: true\r\n }\r\n ctx.props.setDeeplink(obj, ctx.props.history)\r\n }\r\n }\r\n ]\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"year\",\r\n value: currentYear,\r\n type: \"select\",\r\n label: \"Año\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: years\r\n }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Sección\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: \"/admSection/get?pick=true\"\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n renderIf: (ctx) => { return ctx.state.year || ctx.state.sectionId },\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n flags:{\r\n bulk: false\r\n },\r\n setValuesBeforePost: (values) => {\r\n values.months = values.months || []\r\n values.userIdsFor = values.userIdsFor || []\r\n values.userIdsForBulk = values.userIdsForBulk || null\r\n values.forYear = values.forYear ? parseInt(values.forYear) : 0\r\n delete values.flags\r\n return values\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"userIdsFor\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Alumno\",\r\n rules: 'required',\r\n renderIf: (ctx) => { return !ctx.state.flags.bulk },\r\n opts: {\r\n style: 'float-label',\r\n isMulti: true,\r\n searchOnline: true,\r\n path: \"/admStudent/get?pick=true\",\r\n withImg: true\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"userIdsForBulk\",\r\n value: \"\",\r\n type: \"textarea\",\r\n label: \"Para los siguientes alumnos\",\r\n rules: 'required',\r\n renderIf: (ctx) => { return ctx.state.flags.bulk },\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"recurrent\",\r\n value: false,\r\n type: \"switch\",\r\n hint: \"Recurrente\",\r\n label: \"El último día del mes\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"months\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Para meses\",\r\n rules: 'required',\r\n renderIf: (ctx) => { return ctx.state.recurrent },\r\n opts: {\r\n style: 'float-label',\r\n isMulti: true,\r\n items: [\r\n {\r\n value: 1,\r\n label: \"Enero\"\r\n },\r\n {\r\n value: 2,\r\n label: \"Febrero\"\r\n },\r\n {\r\n value: 3,\r\n label: \"Marzo\"\r\n },\r\n {\r\n value: 4,\r\n label: \"Abril\"\r\n },\r\n {\r\n value: 5,\r\n label: \"Mayo\"\r\n },\r\n {\r\n value: 6,\r\n label: \"Junio\"\r\n },\r\n {\r\n value: 7,\r\n label: \"Julio\"\r\n },\r\n {\r\n value: 8,\r\n label: \"Agosto\"\r\n },\r\n {\r\n value: 9,\r\n label: \"Setiembre\"\r\n },\r\n {\r\n value: 10,\r\n label: \"Octubre\"\r\n },\r\n {\r\n value: 11,\r\n label: \"Noviembre\"\r\n },\r\n {\r\n value: 12,\r\n label: \"Diciembre\"\r\n }\r\n ]\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"forYear\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Para año\",\r\n rules: 'required',\r\n renderIf: (ctx) => { return ctx.state.recurrent },\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admActivity/get?type=ayr\",\r\n remap: (r) => {\r\n return {\r\n data: {\r\n Results: r.data.Results.map(e => e = {ID: moment(e.startDate).format('Y'), name: moment(e.startDate).format('Y')}),\r\n },\r\n msg: r.msg,\r\n status: r.status\r\n }\r\n }\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"brief\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Descripción / Concepto general\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"dueDate\",\r\n value: null,\r\n type: \"date\",\r\n label: \"Fecha de vencimiento\",\r\n rules: 'required',\r\n renderIf: (ctx) => { return !ctx.state.recurrent },\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"concept1\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Concepto 1\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"concept1amount\",\r\n value: null,\r\n type: \"number\",\r\n label: \"Monto 1\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"concept2\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Concepto 2\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"concept2amount\",\r\n value: null,\r\n type: \"number\",\r\n label: \"Monto 2\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"concept3\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Concepto 3\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"concept3amount\",\r\n value: null,\r\n type: \"number\",\r\n label: \"Monto 3\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"clearDetail\",\r\n value: false,\r\n type: \"switch\",\r\n hint: \"Eliminar conceptos existentes\",\r\n label: 'Se reenplazarán los conceptos existentes por los conceptos de arriba',\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: (ctx) => ctx.state.recurrent,\r\n },\r\n {\r\n col: 12,\r\n name: \"hasPenalty\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"Cobrar penalidad por pago tardío\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"ID\",\r\n accessor: \"ID\",\r\n minWidth: 60\r\n },\r\n {\r\n Header: \"Nombre\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"Grado / Sección\",\r\n accessor: \"sectionTag\"\r\n },\r\n {\r\n Header: \"ID Externo\",\r\n accessor: \"externalId\"\r\n },\r\n {\r\n Header: \"1\",\r\n accessor: \"M1\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"2\",\r\n accessor: \"M2\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"3\",\r\n accessor: \"M3\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"4\",\r\n accessor: \"M4\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"5\",\r\n accessor: \"M5\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"6\",\r\n accessor: \"M6\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"7\",\r\n accessor: \"M7\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"8\",\r\n accessor: \"M8\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"9\",\r\n accessor: \"M9\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"10\",\r\n accessor: \"M10\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"11\",\r\n accessor: \"M11\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"12\",\r\n accessor: \"M12\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"Beca\",\r\n accessor: \"condition\",\r\n isBool: true,\r\n minWidth: 50\r\n }\r\n ]\r\n }\r\n}","import module_admOrderGrid from './admOrderGrid'\r\nimport { findModuleInMenu } from \"../../helpers/Utils\"\r\nconst admOrderGrid = module_admOrderGrid()\r\n\r\nlet setView = (ctx) => {\r\n ctx.view.config.customPathPost = admOrderGrid.config.customPathPost\r\n ctx.view.form = admOrderGrid.form\r\n ctx.state.formFlagsDefault = admOrderGrid.form.flags\r\n ctx.state.formFlags = admOrderGrid.form.flags\r\n}\r\n\r\nexport default (context) => {\r\n const admOrderDetail = () => {\r\n return context.state.idItemSelected ?\r\n {\r\n module: 'admOrderDetail',\r\n parentIdField: 'ID'\r\n } : null\r\n }\r\n\r\n return {\r\n config: {\r\n pageSize: 40,\r\n list: false\r\n },\r\n\r\n actions: {\r\n create: {\r\n reloadGrid: true,\r\n btn: (ctx) => {\r\n setView(ctx)\r\n ctx.state.formFlags.bulk = false\r\n ctx.toggle()\r\n }\r\n },\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n extras: {\r\n items: [\r\n {\r\n id: 1, icon: 'simple-icon-reload', name: 'En masivo', onClick: (ctx) => {\r\n setView(ctx)\r\n ctx.state.formFlags.bulk = true\r\n ctx.toggle();\r\n }\r\n },\r\n ]\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"studentId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Alumno\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: \"/admStudent/get?enrolled=-1&pick=true\",\r\n withImg: true\r\n }\r\n },\r\n {\r\n type: \"daterange\"\r\n },\r\n {\r\n name: \"status\",\r\n value: 0,\r\n type: \"select\",\r\n label: \"Estado\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: -1,\r\n label: \"Anulado\"\r\n },\r\n {\r\n value: 0,\r\n label: \"No pagado\"\r\n },\r\n {\r\n value: 1,\r\n label: \"Pagado\"\r\n }\r\n ]\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n renderIf: (ctx) => { return ctx.state.from || ctx.state.to || Number.isInteger(ctx.state.status) || Number.isInteger(ctx.state.studentId) },\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n detailGrid: findModuleInMenu(context.props.menuItems, \"id\", \"admOrderDetail\") ? admOrderDetail : null,\r\n handleSaveChanges : () => {\r\n context.edit()\r\n },\r\n fields: [\r\n {\r\n col: 6,\r\n name: \"easyId\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Número de documento\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"externalId\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Código externo\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"curr\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Moneda\",\r\n disabled: true,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"total\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Monto\",\r\n disabled: true,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"brief\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Concepto\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"dueDate\",\r\n value: null,\r\n type: \"date\",\r\n label: \"Vencimiento\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"created\",\r\n value: null,\r\n type: \"date\",\r\n label: \"Fecha creación\",\r\n disabled: true,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"hasPenalty\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"Penalidad\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"principalName\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Nombre responsable\",\r\n rules: 'required',\r\n disabled: true,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"dependantName\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Nombre dependiente\",\r\n rules: 'required',\r\n disabled: true,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n { name: \"paid\", type: \"hidden\" },\r\n {\r\n col: 2,\r\n name: \"btnPayOrder\",\r\n value: null,\r\n type: \"button\",\r\n label: \"Registrar pago\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: (ctx) => !ctx.state.paid,\r\n onClick: (ctx) => {\r\n ctx.toogleSubForm(0)\r\n }\r\n },\r\n {\r\n col: 2,\r\n name: \"btnPayments\",\r\n value: null,\r\n type: \"button\",\r\n label: \"Ver pagos\",\r\n // renderIf: (ctx) => ctx.state.paid,\r\n onClick: (ctx) => {\r\n ctx.toogleSubGrid(0)\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"ID\",\r\n value: null,\r\n type: \"text\",\r\n label: \"ID de orden\",\r\n disabled: true,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"voidOrder\",\r\n value: null,\r\n type: \"button\",\r\n label: \"Anular pago\",\r\n opts: {\r\n kind: 'danger'\r\n },\r\n renderIf: (ctx) => ctx.state.paid,\r\n onClick: (ctx) => {\r\n ctx.toogleSubForm(1)\r\n }\r\n },\r\n ],\r\n subGrids: [\r\n {\r\n module: 'admBilling',\r\n filterBy: () => { return { orderId: context.state.idItemSelected } }\r\n }\r\n ],\r\n subforms: [\r\n {\r\n name: 'Registrar pago',\r\n postUrlF: (ctx) => 'admBilling/setpaymentbyorder/' + ctx.state.ID,\r\n autoClose: true,\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"amount\",\r\n value: '',\r\n type: \"number\",\r\n label: \"Monto\",\r\n hint: \"Ingrese el monto total\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n tooltip: true\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"note\",\r\n value: '',\r\n type: \"text\",\r\n label: \"Referencia\",\r\n hint: \"Ingrese una nota sobre este pago\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n tooltip: true\r\n }\r\n },\r\n {\r\n name: \"card\",\r\n value: \"\",\r\n col: 12,\r\n type: \"select\",\r\n label: \"Medio\",\r\n hint: \"Medio de pago\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: \"CASH\",\r\n label: \"Efectivo\"\r\n },\r\n {\r\n value: \"DEPOSIT\",\r\n label: \"Depósito en cuenta\"\r\n },\r\n {\r\n value: \"OTHER\",\r\n label: \"Otro\"\r\n }\r\n ],\r\n isMulti: false,\r\n tooltip: true\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Registrar pago',\r\n col: 12,\r\n isMain: true,\r\n onClick: (ctx) => { ctx.btnAction('save') }\r\n }\r\n ],\r\n onSuccess: (r) => { context.getDataById(context.state.idItemSelected) },\r\n onError: (e) => { },\r\n },\r\n {\r\n name: 'Anular pago',\r\n getUrlF: (ctx) => 'admOrder/request2pay/' + ctx.state.ID,\r\n postUrlF: (ctx) => 'admBilling/refundbyorder/' + ctx.state.ID,\r\n autoClose: true,\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"amount\",\r\n value: '',\r\n type: \"number\",\r\n label: \"Monto\",\r\n disabled: true,\r\n opts: {\r\n style: 'float-label',\r\n tooltip: true\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"note\",\r\n value: '',\r\n type: \"text\",\r\n label: \"Referencia\",\r\n hint: \"Ingrese una nota sobre esta anulación\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n tooltip: true\r\n }\r\n },\r\n {\r\n name: \"card\",\r\n value: \"\",\r\n col: 12,\r\n type: \"select\",\r\n label: \"Medio\",\r\n hint: \"Medio de reembolso\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: \"CASH\",\r\n label: \"Efectivo\"\r\n },\r\n {\r\n value: \"DEPOSIT\",\r\n label: \"Depósito en cuenta\"\r\n },\r\n {\r\n value: \"OTHER\",\r\n label: \"Otro\"\r\n }\r\n ],\r\n isMulti: false,\r\n tooltip: true\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Registrar anulación',\r\n col: 12,\r\n isMain: true,\r\n onClick: (ctx) => { ctx.btnAction('save') }\r\n }\r\n ],\r\n onSuccess: (r) => { context.getDataById(context.state.idItemSelected) },\r\n onError: (e) => { },\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"Nombre responsable\",\r\n accessor: \"principalName\",\r\n minWidth: 200\r\n },\r\n {\r\n Header: \"Dependiente\",\r\n accessor: \"dependantName\"\r\n },\r\n {\r\n Header: \"Fecha\",\r\n accessor: \"date\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Vencimiento\",\r\n accessor: \"dueDate\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Monto\",\r\n accessor: \"total\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"Concepto\",\r\n accessor: \"det\"\r\n },\r\n {\r\n Header: \"Código externo\",\r\n accessor: \"externalId\"\r\n },\r\n {\r\n Header: \"Pagado\",\r\n accessor: \"paid\",\r\n isBool: true,\r\n minWidth: 50\r\n }\r\n ]\r\n }\r\n}","import _axios from \"../../libs/axios\";\r\nimport { NotificationManager } from \"../../components/common/react-notifications\";\r\nimport admGrades from \"../../views/app/modules/custom/admGrades\"\r\n\r\nconst qualifications = \"AD,A,B+,B,B-,C,D,F\";\r\nconst qualificationsList = qualifications.split(',').map(e => e = {value: e, label: e})\r\n\r\nexport default (context) => {\r\n return {\r\n\r\n config: {\r\n pageSize: 40,\r\n remapRow: (form) => {\r\n form.owner = form.owner.label\r\n return form\r\n }\r\n },\r\n\r\n actions: {\r\n create: { reloadGrid: true },\r\n edit: {\r\n reloadGrid: true\r\n },\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n extras: {\r\n items: context.props.userAdmin.role === '100' ? \r\n [\r\n {\r\n id: 0, name: 'Habilitar ingreso de notas', onClick: (row, ctx) => {\r\n if (ctx.state.formFilter.periodId === '0') {\r\n NotificationManager.success('Por favor seleccionar el periodo', 'Habilitar ingreso de notas', 5000, null, null, 'outline');\r\n return\r\n }\r\n ctx.showDialog({\r\n title: 'Habilitar ingreso de notas',\r\n msg: '¿Confirmar?',\r\n action: (ok) => {\r\n if (ok) {\r\n context.props.setLoader(true)\r\n _axios.post('admSubject/bulkedit?periodId=' + ctx.state.formFilter.periodId, { canEnterEval: true })\r\n .then(r => {\r\n NotificationManager.success(r.msg, 'Habilitar ingreso de notas', 5000, null, null, 'outline')\r\n context.props.setLoader(false)\r\n })\r\n }\r\n }\r\n })\r\n }\r\n },\r\n {\r\n id: 1, name: 'Inhabilitar ingreso de notas', onClick: (row, ctx) => {\r\n if (ctx.state.formFilter.periodId === '0') {\r\n NotificationManager.success('Por favor seleccionar el periodo', 'Inhabilitar ingreso de notas', 5000, null, null, 'outline');\r\n return\r\n }\r\n ctx.showDialog({\r\n title: 'Inhabilitar ingreso de notas',\r\n msg: '¿Confirmar?',\r\n action: (ok) => {\r\n if (ok) {\r\n context.props.setLoader(true)\r\n _axios.post('admSubject/bulkedit?periodId=' + ctx.state.formFilter.periodId, { canEnterEval: false })\r\n .then(r => {\r\n NotificationManager.success(r.msg, 'Inhabilitar ingreso de notas', 5000, null, null, 'outline')\r\n context.props.setLoader(false)\r\n })\r\n }\r\n }\r\n })\r\n }\r\n },\r\n // {\r\n // id: 2, name: 'Clonar cursos en nuevo periodo', onClick: (row, ctx) => {\r\n\r\n // if (ctx.state.formFilter.periodId === '0') {\r\n // NotificationManager.primary('Por favor seleccionar el periodo del cual se clonará los cursos', 'Clonar cursos en nuevo periodo', 5000, null, null, 'outline');\r\n // return\r\n // }\r\n\r\n // ctx.showDialog({\r\n // title: 'Clonar cursos en nuevo periodo',\r\n // msg: 'Se creará un nuevo periodo y se clonará los cursos existentes en periodo ' + ctx.state.formFilter.periodId + '. ¿Confirmar?',\r\n // action: (ok) => {\r\n\r\n // if (ok) {\r\n // context.props.setLoader(true)\r\n // _axios.post('admSubject/duplicate?periodId=' + ctx.state.formFilter.periodId)\r\n // .then(r => {\r\n // NotificationManager.primary(r.msg, 'Clonar cursos en nuevo periodo', 5000, null, null, 'outline')\r\n // context.props.setLoader(false)\r\n // ctx.setState({ formFilter: { periodId: r.data.periodId } })\r\n // ctx.listenBtnActionsFormFilter('filter');\r\n // })\r\n // .catch(e => {\r\n // NotificationManager.primary('Ocurrió un error', 'Clonar cursos en nuevo periodo', 5000, null, null, 'outline')\r\n // context.props.setLoader(false)\r\n // })\r\n // }\r\n // }\r\n // })\r\n // }\r\n //}\r\n ] : [],\r\n itemsInRowsTable: [\r\n {\r\n icon: 'simple-icon-note', name: 'Ingresar notas', onClick: (rowData, ctx) => {\r\n let obj = {\r\n module: 'admGrades',\r\n params: [\r\n { value: rowData.gradeId, label: rowData.grade },\r\n { value: rowData.ID, label: rowData.name }\r\n ],\r\n type: 0,\r\n keepFilters: false\r\n }\r\n ctx.props.setDeeplink(obj, ctx.props.history)\r\n }\r\n },\r\n {\r\n icon: 'simple-icon-note',\r\n name: 'Importar notas',\r\n onClick: (rowData, ctx) => {\r\n context.state.formFlags={ activityId: rowData.ID, sectionId: rowData.gradeId }\r\n },\r\n form: {\r\n name: 'Importar notas',\r\n remapGET: () => {\r\n return { activityId: context.state.formFlags.activityId, sectionId: context.state.formFlags.sectionId }\r\n },\r\n postUrlF: (ctx) => {\r\n return 'admGrades/import';\r\n },\r\n okMsg: 'Se han importando las notas!',\r\n fields: [\r\n {\r\n name: \"activityId\",\r\n value: 0,\r\n type: \"hidden\"\r\n },\r\n {\r\n name: \"superSectionId\",\r\n value: 0,\r\n type: \"hidden\"\r\n },\r\n {\r\n col: 12,\r\n name: \"l1\",\r\n value: \"Se importará las notas ingresadas en el siguiente file (descargar). El archivo deberá ser guardado como CSV.\",\r\n type: \"label\"\r\n },\r\n {rules:\"required\", col: 12, name: \"sectionId\", value: \"\", type: \"select\", label: \"Sección\", opts: { style: 'float-label', path: (c) => { return \"/admSection/get?pick=true&parentId=\" + context.state.formFlags.sectionId } }},\r\n\r\n {\r\n col: 12,\r\n name: \"l2\",\r\n value: \"Especificar un máximo de 10 Conceptos de Evaluación a ingresar via Excel. Cada uno deberá ser ingresado en una columna. Ej: Para el Concepto 1 usará la columna C1\",\r\n type: \"label\"\r\n },\r\n { rules:\"required\", col: 4, name: \"c1\", value: \"\", type: \"select\", label: \"Concepto 1\", opts: { style: 'float-label', path: (c) => { return \"/admEvalConcept/get?pick=true&activityId=\" + context.state.formFlags.activityId } }},\r\n { col: 4, name: \"c2\", value: \"\", type: \"select\", label: \"Concepto 2\", opts: { style: 'float-label', path: (c) => { return \"/admEvalConcept/get?pick=true&activityId=\" + context.state.formFlags.activityId } }},\r\n { col: 4, name: \"c3\", value: \"\", type: \"select\", label: \"Concepto 3\", opts: { style: 'float-label', path: (c) => { return \"/admEvalConcept/get?pick=true&activityId=\" + context.state.formFlags.activityId } }},\r\n { col: 4, name: \"c4\", value: \"\", type: \"select\", label: \"Concepto 4\", opts: { style: 'float-label', path: (c) => { return \"/admEvalConcept/get?pick=true&activityId=\" + context.state.formFlags.activityId } }},\r\n { col: 4, name: \"c5\", value: \"\", type: \"select\", label: \"Concepto 5\", opts: { style: 'float-label', path: (c) => { return \"/admEvalConcept/get?pick=true&activityId=\" + context.state.formFlags.activityId } }},\r\n { col: 4, name: \"c6\", value: \"\", type: \"select\", label: \"Concepto 6\", opts: { style: 'float-label', path: (c) => { return \"/admEvalConcept/get?pick=true&activityId=\" + context.state.formFlags.activityId } }},\r\n { col: 4, name: \"c7\", value: \"\", type: \"select\", label: \"Concepto 7\", opts: { style: 'float-label', path: (c) => { return \"/admEvalConcept/get?pick=true&activityId=\" + context.state.formFlags.activityId } }},\r\n { col: 4, name: \"c8\", value: \"\", type: \"select\", label: \"Concepto 8\", opts: { style: 'float-label', path: (c) => { return \"/admEvalConcept/get?pick=true&activityId=\" + context.state.formFlags.activityId } }},\r\n { col: 4, name: \"c9\", value: \"\", type: \"select\", label: \"Concepto 9\", opts: { style: 'float-label', path: (c) => { return \"/admEvalConcept/get?pick=true&activityId=\" + context.state.formFlags.activityId } }},\r\n { col: 4, name: \"c10\", value: \"\", type: \"select\", label: \"Concepto 10\", opts: { style: 'float-label', path: (c) => { return \"/admEvalConcept/get?pick=true&activityId=\" + context.state.formFlags.activityId } }},\r\n {\r\n col: 12,\r\n name: \"csvfile\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"Archivo CSV\",\r\n opts: {\r\n path: ()=> \"admGrades/importAttach\",\r\n accept: '.csv'\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Cargar e importar notas',\r\n col: 12,\r\n isMain: true,\r\n onClick: (ctx) => { ctx.btnAction('save') }\r\n }\r\n ],\r\n onSuccess: (r) => { },\r\n onError: (e) => { }\r\n }\r\n }\r\n ]\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"periodId\",\r\n value: { value: \"0\", label: \"Actual\" },\r\n type: \"select\",\r\n label: \"Periodo\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admPeriod/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Grado\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n renderIf: (ctx) => { return ctx.state.periodId || ctx.state.superSectionId },\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.owner = { value: r.data.owner, label: r.data.ownerName }\r\n r.data.periodId = { value: r.data.periodId, label: r.data.periodName }\r\n r.data.categoryId = { value: r.data.categoryId, label: r.data.categoryName }\r\n // let ss = r.data.superSections\r\n // r.data.superSections = ss && ss.length > 0 ? { value: ss[0].ID, label: ss[0].name } : null\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n delete v.flags\r\n delete v.btn1\r\n delete v.btn2\r\n delete v.sections\r\n v.desc = ''\r\n return v\r\n },\r\n fields: [\r\n {\r\n col: 6,\r\n name: \"periodId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Periodo\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admPeriod/get?pick=true\"\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"categoryId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Categoría\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admCategory/get?type=aca&pick=true\"\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"superSections\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Grado(s)\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\",\r\n isMulti: true,\r\n setOutput: (v) => {\r\n if (v) return v.map((m) => { return { ID: m.value, name: m.label, selected: true } })\r\n }\r\n },\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 12,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Nombre\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"owner\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Coordinador / responsable\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admStaff/get?pick=true\"\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"type\",\r\n value: 0,\r\n type: \"select\",\r\n label: \"Tipo de evaluación\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {value: 0, label: \"Cuantitativa\"},\r\n {value: 1, label: \"Cualitativa\"}\r\n ],\r\n isClearable: false\r\n },\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 6,\r\n name: \"qualifications\",\r\n value: qualifications,\r\n type: \"text\",\r\n rules: ['required', {regex:'^([A-F+-]{1,2})(,[A-F+-]{1,2}){1,}?$'}],\r\n label: \"Opciones de calificación cualitativa\",\r\n hint: \"Ingresar los caracteres cualitativos en orden de valor mayor a menor, separarlos por comas\",\r\n opts: {\r\n style: 'float-label' \r\n },\r\n renderIf: (ctx)=> ctx.state.type === 1,\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 6,\r\n name: \"minToPass\",\r\n value: \"\",\r\n type: \"select\",\r\n // rules: 'required|alpha|max:2',\r\n label: \"Nota mínima para aprobar\",\r\n opts: {\r\n style: 'float-label',\r\n items: qualificationsList,\r\n filterOption: admGrades.shortcut\r\n },\r\n renderIf: (ctx)=> ctx.state.type === 1\r\n },\r\n {\r\n col: 6,\r\n name: \"minToPassNum\",\r\n value: \"\",\r\n type: \"number\",\r\n rules: 'required|numeric|min:0,num|max:20,num',\r\n label: \"Nota mínima para aprobar (numérico)\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: (ctx)=> ctx.state.type === 0\r\n },\r\n {\r\n col: 6,\r\n name: \"calcAverage\",\r\n value: true,\r\n type: \"switch\",\r\n label: \"Promedia según sub conceptos\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: (ctx) => ctx.state.type === 0\r\n },\r\n {\r\n col: 4,\r\n name: \"isAcademic\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"Curso curricular\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"canEnterEval\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"Permitir ingreso de notas\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"hasGrades\",\r\n value: true,\r\n type: \"switch\",\r\n label: \"Mostrar notas en app\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"hasBehavior\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"Evaluar conducta\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n // renderIf: (ctx) => (!ctx.state.hasBehavior && !context.state.idItemSelected) || (!ctx.state.hasBehavior && context.state.idItemSelected)\r\n },\r\n {\r\n col: 12,\r\n name: \"btn1\",\r\n value: null,\r\n type: \"button\",\r\n label: \"Configurar secciones\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: (ctx) => { return context.state.idItemSelected },\r\n onClick: (ctx) => {\r\n ctx.toogleSubGrid(0)\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"btn2\",\r\n value: null,\r\n type: \"button\",\r\n label: \"Conceptos evaluación\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: (ctx) => { return context.state.idItemSelected },\r\n onClick: (ctx) => {\r\n ctx.toogleSubGrid(1)\r\n },\r\n modulePermissions: \"admEvalConcept\"\r\n }\r\n ],\r\n subGrids: [\r\n {\r\n name: (ctx) => { return 'Secciones curso: ' + ctx.state.name },\r\n module: 'admActivityParts',\r\n filterBy: () => { return { parentId: context.state.idItemSelected, sortBy: \"name\", desc: false} }\r\n },\r\n {\r\n name: (ctx) => { return 'Evaluaciones curso: ' + ctx.state.name },\r\n module: 'admEvalConcept',\r\n filterBy: () => { return { activityId: context.state.idItemSelected } }\r\n },\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"Nombre\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"Grado\",\r\n accessor: \"grade\"\r\n },\r\n {\r\n Header: \"Nro. conceptos Ev.\",\r\n accessor: \"parts\"\r\n },\r\n {\r\n Header: \"Coordinador / responsable\",\r\n accessor: \"owner\"\r\n }\r\n ]\r\n }\r\n}","import React, {useEffect, useState} from \"react\";\r\nimport { Button } from \"reactstrap\";\r\nimport PerfectScrollbar from \"react-perfect-scrollbar\";\r\nimport { whatsToHtml } from \"../../helpers/Utils\";\r\n\r\nconst CustomPreviewWhatsApp = (props) => {\r\n const [messages, setMessages] = useState([])\r\n const [options, setOptions] = useState([])\r\n const [sheet, setSheet] = useState(false)\r\n const { L, preview } = props\r\n const { name, data, handleData, toggle } = preview?? {}\r\n\r\n useEffect(() => {\r\n // console.log(\"change preview:\", preview)\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [preview])\r\n\r\n useEffect(() => {\r\n if (handleData) {\r\n let msgs = handleData(data)\r\n if (msgs.length > 1) msgs = msgs.flatMap(msg => [msg, {type: \"sent\", content: \"...\"}])\r\n setMessages(msgs)\r\n }\r\n else setMessages(data)\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [data])\r\n\r\n return (\r\n \r\n {L[name]?? name}\r\n \r\n \r\n \r\n \r\n 
{ e.target.onerror = null; e.target.src = require(\"../../assets/img/user.png\") }} />\r\n \r\n \r\n {window.tenant.name}
\r\n {L[\"admNotification.online\"]}\r\n \r\n \r\n \r\n \r\n {messages && \r\n \r\n {messages.map((m, i) => {\r\n return (\r\n \r\n \r\n {m.buttons?.length > 0 && \r\n \r\n {m.buttons.slice(0, m.buttons.length <= 3 ? m.buttons.length : 2).map((b, i2) => {\r\n return {b}\r\n })}\r\n {m.buttons.length > 3 && \r\n {setSheet(true); setOptions(m.buttons)}}\r\n >\r\n {L[\"main.seeAllOptions\"]}\r\n \r\n }\r\n \r\n }\r\n \r\n )\r\n })}\r\n \r\n }\r\n \r\n {sheet &&\r\n \r\n \r\n \r\n \r\n {setSheet(false)}}>×\r\n {L[\"main.allOptions\"]}\r\n \r\n {options.map((o, i) => {\r\n return {setSheet(false)}}>{o}\r\n })}\r\n \r\n \r\n \r\n }\r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\nexport default CustomPreviewWhatsApp","/* eslint-disable jsx-a11y/label-has-for */\r\n/* eslint-disable jsx-a11y/label-has-associated-control */\r\nimport React, { useState } from \"react\";\r\n\r\nconst CalendarToolbar = (toolbar) => {\r\n const [viewActive, setViewActive] = useState('month')\r\n\r\n const goToBack = () => {\r\n toolbar.onNavigate('PREV')\r\n }\r\n\r\n const goToNext = () => {\r\n toolbar.onNavigate('NEXT')\r\n }\r\n\r\n const goToCurrent = () => {\r\n toolbar.onNavigate('TODAY')\r\n toolbar.onView('month')\r\n setViewActive('month')\r\n }\r\n\r\n const viewDay = () => {\r\n toolbar.onView('day')\r\n setViewActive('day')\r\n }\r\n\r\n const viewWeek = () => {\r\n toolbar.onView('week')\r\n setViewActive('week')\r\n }\r\n \r\n const viewMonth = () => {\r\n toolbar.onView('month')\r\n setViewActive('month')\r\n }\r\n\r\n const { L, label } = toolbar\r\n return (\r\n \r\n \r\n {label}\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {label}\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\nexport default CalendarToolbar;\r\n","import React, {useEffect, useState} from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Button, Card, CardBody } from 'reactstrap';\r\nimport { Calendar, momentLocalizer } from 'react-big-calendar';\r\nimport CalendarToolbar from '../CalendarToolbar'\r\nimport _moment from '../../libs/moment';\r\nimport { isAndroidOrIos } from '../../helpers/Utils';\r\n\r\nconst CustomCalendar = (props) => {\r\n const [data, setData] = useState([])\r\n const [diff, setDiff] = useState(0)\r\n const [prevDiff, setPrevDiff] = useState(0)\r\n const {ctxCruGrid, L} = props\r\n const localizer = momentLocalizer(_moment)\r\n\r\n useEffect(() => {\r\n const remapData = () => {\r\n let data = props.ctxCruGrid.state.data\r\n data = data.map(item => {\r\n const start = _moment(item.startDate).toDate()\r\n const end = _moment(item.endDate).toDate()\r\n const isAllday = (start.getDay() !== end.getDay()) || (start.getHours() === 0 && end.getHours() === 23)\r\n item = {\r\n id: item.ID,\r\n title: item.name,\r\n allDay: isAllday,\r\n start: start,\r\n end: end,\r\n titleHtml: `${!isAllday ? `${_moment(start).format('HH:mm ')}` : ''}${item.name}`\r\n }\r\n return item\r\n })\r\n setData(data)\r\n }\r\n remapData()\r\n }, [props])\r\n\r\n useEffect(() => {\r\n setPrevDiff(diff)\r\n }, [diff])\r\n\r\n useEffect(() => {\r\n if (prevDiff !== diff) {\r\n ctxCruGrid.view.config.customPathGet = `admActivity/month/${diff}`\r\n ctxCruGrid.getData()\r\n }\r\n }, [prevDiff, diff, ctxCruGrid])\r\n\r\n const onNavigate = (date) => {\r\n const currentMonth = _moment().startOf('month')\r\n const selectedMonth = _moment(date).startOf('month')\r\n const diff = selectedMonth.diff(currentMonth, 'months')\r\n setDiff(diff)\r\n }\r\n\r\n const onSelectEvent = (e) => {\r\n if (!isAndroidOrIos()) ctxCruGrid.getDataById(e.id)\r\n }\r\n\r\n const onSelectSlot = (e) => {\r\n ctxCruGrid.state.formFields.map(f => {\r\n if (f.name === 'startDate') f.value = _moment(e.start).format('YYYY-MM-DD HH:mm:ss')\r\n if (f.name === 'endDate') f.value = _moment(e.end).format('YYYY-MM-DD HH:mm:ss')\r\n return f\r\n })\r\n ctxCruGrid.toggle()\r\n }\r\n\r\n const ContexMenu = (event) => {\r\n return \r\n \r\n \r\n \r\n }\r\n\r\n const showMenu = (e, event) => {\r\n e.preventDefault()\r\n var menus = document.querySelectorAll('.rbc-event-context-menu')\r\n menus.forEach(function(menu) {\r\n menu.parentNode.removeChild(menu)\r\n })\r\n var div = document.createElement('div')\r\n div.classList.add('rbc-event-context-menu')\r\n div.style.top = e.clientY + window.scrollY + 'px';\r\n div.style.left = e.clientX + window.scrollX + 'px';\r\n ReactDOM.render( {\r\n if (isAndroidOrIos()) showMenu(e, event)\r\n }\r\n }\r\n onContextMenu={\r\n e => {\r\n if (!isAndroidOrIos()) showMenu(e, event)\r\n }\r\n }\r\n >\r\n {children}\r\n \r\n )\r\n\r\n const eventComponent = ({ event }) => (\r\n \r\n )\r\n\r\n const now = new Date()\r\n\r\n const dayStyleGetter = date => {\r\n if (_moment(date).isSame(now, 'day')) {\r\n return {\r\n className: 'rbc-highlight-today'\r\n }\r\n }\r\n return {}\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n {ctxCruGrid.state.progressBar && }\r\n \r\n ,\r\n eventWrapper: eventWrapperComponent,\r\n event: eventComponent\r\n }\r\n }\r\n formats={\r\n {\r\n monthHeaderFormat: (date, culture, localizer) => `${localizer.format(date, 'MMMM YYYY', culture)}`.toUpperCase(),\r\n dayHeaderFormat: (date, culture, localizer) => `${localizer.format(date, 'DD MMMM YYYY', culture)}`.toUpperCase(),\r\n dayRangeHeaderFormat: ({ start, end }, culture, localizer) => `${localizer.format(start, 'DD MMMM', culture)} - ${localizer.format(end, 'DD MMMM', culture)}`.toUpperCase()\r\n }\r\n }\r\n />\r\n \r\n \r\n \r\n )\r\n}\r\nexport default CustomCalendar","const M = \"admFetchInput.\"\r\nconst data = [\r\n { value: \"text\", label: `${M}typeText` },\r\n { value: \"option\", label: `${M}typeOption` },\r\n { value: \"multiple\", label: `${M}typeMultiple` },\r\n { value: \"location\", label: `${M}typeLocation` },\r\n { value: \"signature\", label: `${M}typeSignature` },\r\n { value: \"kyc\", label: `${M}typeIdentity` },\r\n { value: \"payment\", label: `${M}typePayment` }\r\n]\r\nexport default data","import admUser from \"./admUser\";\r\nimport admStudent from \"./admStudent\";\r\nimport admStaff from \"./admStaff\";\r\nimport admGroup from \"./admGroup\";\r\nimport admBilling from \"./admBilling\";\r\nimport admBillingGrid from \"./admBillingGrid\";\r\nimport admOrder from \"./admOrder\";\r\nimport admOrderGrid from \"./admOrderGrid\";\r\nimport admOrderDetail from \"./admOrderDetail\";\r\nimport admBillingReport from \"./admBillingReport\";\r\nimport admDirectory from \"./admDirectory\";\r\nimport admPeriod from \"./admPeriod\"\r\nimport admSubject from \"./admSubject\";\r\nimport admGrades from \"./admGrades\";\r\nimport admGradesRep from \"./admGradesRep\";\r\nimport admEvalConcept from \"./admEvalConcept\";\r\nimport admActivityParts from \"./admActivityParts\";\r\nimport admActivityMasters from \"./admActivityMasters\";\r\nimport admTracking from \"./admTracking\";\r\nimport admBookingList from \"./admBookingList\";\r\nimport admLocalization from \"./admLocalization\";\r\nimport admSuperSection from \"./admSuperSection\";\r\nimport admSectionMembers from \"./admSectionMembers\";\r\nimport admCommitment from \"./admCommitment\";\r\nimport admBehavior from \"./admBehavior\";\r\nimport admJournal from \"./admJournal\";\r\nimport admOtlt from \"./admOtlt\";\r\nimport admAttendanceType from \"./admAttendanceType\";\r\nimport admGradesBehavior from \"./admGradesBehavior\";\r\nimport admActivitySession from \"./admActivitySession\";\r\nimport admGradesMaster from \"./admGradesMaster\";\r\nimport admSection from \"./admSection\";\r\nimport admDates from \"./admDates\";\r\nimport admInfirmary from \"./admInfirmary\";\r\nimport admInfirmaryValues from \"./admInfirmaryValues\";\r\nimport admPublication from \"./admPublication\";\r\nimport admPublicationPart from \"./admPublicationPart\";\r\nimport admFetch from \"./admFetch\";\r\nimport admAssignmentQst from \"./admAssignmentQst\";\r\nimport admCalendar from \"./admCalendar\";\r\nimport admNotification from \"./admNotification\";\r\nimport admRelatives from \"./admRelatives\";\r\nimport admAudit from \"./admAudit\";\r\nimport admTransport from \"./admTransport\";\r\nimport admFetchInput from \"./admFetchInput\";\r\nimport admFetchResponses from \"./admFetchResponses\";\r\n\r\nexport default [\r\n {id: 'admUser', path: '/app/admUser', module: admUser},\r\n {id: 'admStudent', path: '/app/admStudent', module: admStudent},\r\n {id: 'admStaff', path: '/app/admStaff', module: admStaff},\r\n {id: 'admGroup', path: '/app/admGroup', module: admGroup},\r\n {id: 'admBilling', path: '/app/admBilling', module: admBilling},\r\n {id: 'admBillingGrid', path: '/app/admBillingGrid', module: admBillingGrid},\r\n {id: 'admOrder', path: '/app/admOrder', module: admOrder},\r\n {id: 'admOrderGrid', path: '/app/admOrderGrid', module: admOrderGrid},\r\n {id: 'admOrderDetail', path: '/app/admOrderDetail', module: admOrderDetail},\r\n {id: 'admBillingReport', path: '/app/admBillingReport', module: admBillingReport},\r\n {id: 'admDirectory', path: '/app/admDirectory', module: admDirectory},\r\n {id: 'admPeriod', path: '/app/admPeriod', module: admPeriod},\r\n {id: 'admSubject', path: '/app/admSubject', module: admSubject},\r\n {id: 'admGrades', path: '/app/admGrades', module: admGrades},\r\n {id: 'admGradesRep', path: '/app/admGradesRep', module: admGradesRep},\r\n {id: 'admEvalConcept', path: '/app/admEvalConcept', module: admEvalConcept},\r\n {id: 'admActivityParts', path: '/app/admActivityParts', module: admActivityParts},\r\n {id: 'admActivityMasters', path: '/app/admActivityMasters', module: admActivityMasters},\r\n {id: 'admTracking', path: '/app/admTracking', module: admTracking},\r\n {id: 'admBookingList', path: '/app/admBookingList', module: admBookingList},\r\n {id: 'admLocalization', path: '/app/admLocalization', module: admLocalization},\r\n {id: 'admSuperSection', path: '/app/admSuperSection', module: admSuperSection},\r\n {id: 'admSectionMembers', path: '/app/admSectionMembers', module: admSectionMembers},\r\n {id: 'admCommitment', path: '/app/admCommitment', module: admCommitment},\r\n {id: 'admBehavior', path: '/app/admBehavior', module: admBehavior},\r\n {id: 'admJournal', path: '/app/admJournal', module: admJournal},\r\n {id: 'admOtlt', path: '/app/admOtlt', module: admOtlt},\r\n {id: 'admActivitySession', path: '/app/admActivitySession', module: admActivitySession},\r\n {id: 'admAttendanceType', path: '/app/admAttendanceType', module: admAttendanceType},\r\n {id: 'admGradesBehavior', path: '/app/admGradesBehavior', module: admGradesBehavior},\r\n {id: 'admGradesMaster', path: '/app/admGradesMaster', module: admGradesMaster},\r\n {id: 'admSection', path: '/app/admSection', module: admSection},\r\n {id: 'admDates', path: '/app/admDates', module: admDates},\r\n {id: 'admInfirmary', path: '/app/admInfirmary', module: admInfirmary},\r\n {id: 'admInfirmaryValues', path: '/app/admInfirmaryValues', module: admInfirmaryValues},\r\n {id: 'admPublication', path: '/app/admPublication', module: admPublication},\r\n {id: 'admPublicationPart', path: '/app/admPublicationPart', module: admPublicationPart},\r\n {id: 'admFetch', path: '/app/admFetch', module: admFetch},\r\n {id: 'admAssignmentQst', path: '/app/admAssignmentQst', module: admAssignmentQst},\r\n {id: 'admCalendar', path: '/app/admCalendar', module: admCalendar},\r\n {id: 'admNotification', path: '/app/admNotification', module: admNotification},\r\n {id: 'admRelatives', path: '/app/admRelatives', module: admRelatives},\r\n {id: 'admAudit', path: '/app/admAudit', module: admAudit},\r\n {id: 'admTransport', path: '/app/admTransport', module: admTransport},\r\n {id: 'admFetchInput', path: '/app/admFetchInput', module: admFetchInput},\r\n {id: 'admAttendanceControl', path: '/app/admAttendanceControl'},\r\n {id: 'admJustification', path: '/app/admJustification'},\r\n {id: 'admCommunications', path: '/app/admCommunications'},\r\n {id: 'admFetchResponses', path: '/app/admFetchResponses', module: admFetchResponses}\r\n]","import { findModuleInMenu } from \"../../helpers/Utils\"\r\nexport default (context) => {\r\n const M = \"admUser.\"\r\n const itemAdmAudit = {\r\n id: 1,\r\n icon: 'simple-icon-check',\r\n name: `${M}auditHistory`,\r\n onClick: (row, ctx) => {\r\n const index = ctx.view.extras.itemsInRowsTable.findIndex(f => f.id === 1)\r\n ctx.view.extras.itemsInRowsTable[index].form.name = `Historial / Auditoria: ${row.name}`\r\n },\r\n form: {\r\n name: 'Historial / Auditoría',\r\n detailGrid: () => {\r\n return {\r\n module: 'admAudit',\r\n parentIdField: null,\r\n filterBy: () => { return {userId: context.state.idItemPreSelected} }\r\n }\r\n },\r\n okMsg: 'Ok',\r\n fields: [],\r\n onSuccess: (r) => { },\r\n onError: (e) => { }\r\n }\r\n }\r\n let itemsInRowsTable = []\r\n const admAudit = findModuleInMenu(context.props.menuItems, \"id\", \"admAudit\")\r\n if (admAudit) itemsInRowsTable.push(itemAdmAudit)\r\n\r\n let filter = {\r\n fields: [\r\n {\r\n name: \"type\",\r\n value: 0,\r\n type: \"select\",\r\n label: \"main.userType\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: 0, label: \"main.all\" },\r\n { value: 1, label: `${M}parents` },\r\n { value: 2, label: `${M}nonParents` },\r\n { value: 3, label: `${M}dependants` },\r\n { value: 4, label: `${M}externals` },\r\n ]\r\n }\r\n },\r\n {\r\n name: \"active\",\r\n value: 0,\r\n type: \"select\",\r\n label: \"main.activity\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: 0, label: \"main.all\" },\r\n { value: 1, label: `${M}activeLastWeek` },\r\n { value: 3, label: `${M}activeInBrowser` },\r\n { value: 2, label: `${M}activeInApp` },\r\n { value: 5, label: `${M}activeInWhatsApp` },\r\n { value: 4, label: `${M}dormant` },\r\n ]\r\n },\r\n renderIf: (ctx) => { return Number.isInteger(ctx.state.type) }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'main.applyFilter',\r\n onClick: ctx => ctx.btnAction('filter'),\r\n renderIf: ctx => Number.isInteger(ctx.state.type) || Number.isInteger(ctx.state.active)\r\n }\r\n ]\r\n }\r\n\r\n let columns = [\r\n {\r\n Header: \"\",\r\n accessor: \"img\",\r\n type: \"img\"\r\n },\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"main.lastName\",\r\n accessor: \"last\" \r\n },\r\n {\r\n Header: \"main.lastAccess\",\r\n accessor: \"lastSeen\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"main.externalId\",\r\n accessor: \"externalId\"\r\n }\r\n ]\r\n\r\n const module = {\r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n remapRow: (form, res, action, resUpload) => {\r\n form.img = form.face\r\n form.name = `${form.last} ${form.last2?? ''}, ${form.name}`\r\n if (resUpload?.url) form.img = `${resUpload.url}?date=${Date.now()}`\r\n return form\r\n }\r\n },\r\n\r\n actions: {\r\n create: false,\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: {\r\n by: \"search\"\r\n },\r\n import: {\r\n templateFile: \"UsersImport.xlsx\"\r\n }\r\n },\r\n\r\n extras: {\r\n itemsInRowsTable: itemsInRowsTable\r\n },\r\n\r\n filter: filter,\r\n\r\n form: {\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"face\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"main.photography\",\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"admUser/file\",\r\n accept: '.jpeg,.jpg,.png'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"name\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.name\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"last\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.lastName\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"mail\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.email\",\r\n rules: 'required|email',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"cel\",\r\n value: null,\r\n type: \"number\",\r\n label: \"main.cellPhone\",\r\n rules: \"max:13\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"gender\",\r\n value: null,\r\n type: \"select\",\r\n label: \"main.gender\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: 'M', label: 'M'},\r\n { value: 'F', label: 'F'}\r\n ]\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"doc\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.identityDocument\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"notifModes\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.notifyVia\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"externalId\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.externalId\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"userKind\",\r\n value: null,\r\n type: \"select\",\r\n label: \"main.userType\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: 0, label: 'Titular / Padre de familia' },\r\n { value: 3, label: 'Externo / invitado' }\r\n ]\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"inactive\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"main.inactive\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n }\r\n ]\r\n },\r\n\r\n columns: columns\r\n }\r\n return module\r\n}","\r\nimport { findModuleInMenu } from \"../../helpers/Utils\"\r\nimport _axios from \"../../libs/axios\"\r\nimport { NotificationManager } from \"../../components/common/react-notifications\"\r\nexport default (context) => {\r\n const M = \"admStudent.\"\r\n const itemAdmRelatives = {\r\n id: 1,\r\n icon: 'simple-icon-people',\r\n name: `admUser.relatives`,\r\n onClick: (row, ctx) => {\r\n const index = ctx.view.extras.itemsInRowsTable.findIndex(f => f.id === 1)\r\n ctx.view.extras.itemsInRowsTable[index].form.name = `Familiares de: ${row.name}`\r\n },\r\n form: {\r\n name: 'Familiares',\r\n remapGET: () => {\r\n return { studentId: context.state.idItemPreSelected }\r\n },\r\n detailGrid: () => {\r\n return {\r\n module: 'admRelatives',\r\n filterBy: () => { return { type: 5, dependantId: context.state.idItemPreSelected } }\r\n }\r\n },\r\n okMsg: 'Ok',\r\n fields: [\r\n { name: \"studentId\", value: 0, type: \"hidden\" }\r\n ],\r\n onSuccess: (r) => { },\r\n onError: (e) => { }\r\n }\r\n }\r\n const itemAdmAudit = {\r\n id: 2,\r\n icon: 'simple-icon-check',\r\n name: `admUser.auditHistory`,\r\n onClick: (row, ctx) => {\r\n const index = ctx.view.extras.itemsInRowsTable.findIndex(f => f.id === 2)\r\n ctx.view.extras.itemsInRowsTable[index].form.name = `Historial / Auditoria: ${row.name}`\r\n },\r\n form: {\r\n name: 'Historial / Auditoría',\r\n detailGrid: () => {\r\n return {\r\n module: 'admAudit',\r\n parentIdField: null,\r\n filterBy: () => { return {userId: context.state.idItemPreSelected} }\r\n }\r\n },\r\n okMsg: 'Ok',\r\n fields: [],\r\n onSuccess: (r) => { },\r\n onError: (e) => { }\r\n }\r\n }\r\n let itemsInRowsTable = []\r\n const admRelatives = findModuleInMenu(context.props.menuItems, \"id\", \"admRelatives\")\r\n const admAudit = findModuleInMenu(context.props.menuItems, \"id\", \"admAudit\")\r\n if (admRelatives) itemsInRowsTable.push(itemAdmRelatives)\r\n if (admAudit) itemsInRowsTable.push(itemAdmAudit)\r\n\r\n const module = {\r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n remapRow: (form, res, action, resUpload) => {\r\n form.img = form.face\r\n form.name = `${form.last} ${form.last2?? ''}, ${form.name}`\r\n if (resUpload?.url) form.img = `${resUpload.url}?date=${Date.now()}`\r\n return form\r\n }\r\n },\r\n\r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: {\r\n by: \"search\"\r\n },\r\n import: {\r\n templateFile: \"StudentsImport.xlsx\"\r\n }\r\n },\r\n\r\n extras: {\r\n items: [\r\n {id: 0, icon: 'simple-icon-refresh', name: 'Sincronizar con Classroom', onClick: () => { \r\n context.props.setLoader(true)\r\n _axios\r\n .post(`/admStudent/syncclassroom`)\r\n .then(r => {\r\n context.props.setLoader(false)\r\n if (r.status >= 0) {\r\n console.log(r)\r\n }\r\n if (r.msg) NotificationManager[r.status >= 0 ? \"success\" : \"error\"](r.msg, \"\", 5000, null, null, 'outline')\r\n }).catch(e => context.props.setLoader(false))\r\n }}\r\n ],\r\n maxItems: 1,\r\n maxActions: 1,\r\n itemsInRowsTable: itemsInRowsTable\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"active\",\r\n value: 1,\r\n type: \"select\",\r\n label: \"main.status\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: -1, label: `${M}all` },\r\n { value: 1, label: `${M}active` },\r\n { value: 0, label: `${M}inactive` }\r\n ],\r\n isClearable: false\r\n }\r\n },\r\n {\r\n name: \"enrolled\",\r\n value: 1,\r\n type: \"select\",\r\n label: \"main.enrollment\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: -1, label: `${M}all` },\r\n { value: 1, label: `${M}enrolled` },\r\n { value: 0, label: `${M}notEnrolled`}\r\n ],\r\n isClearable: false\r\n }\r\n },\r\n {\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"main.grade\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.section\",\r\n parent: \"superSectionId\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.formFilter.superSectionId }\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'main.applyFilter',\r\n onClick: ctx => ctx.btnAction('filter'),\r\n renderIf: ctx => Number.isInteger(ctx.state.active) || Number.isInteger(ctx.state.enrolled) || Number.isInteger(ctx.state.superSectionId)\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.superSectionId = { value: r.data.superSectionId, label: r.data.superSectionName }\r\n r.data.sectionId = { value: r.data.sectionId, label: r.data.sectionName }\r\n r.data.country = { value: r.data.country, label: r.data.country }\r\n r.data.birthplace = { value: r.data.birthplace, label: r.data.birthplace }\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n if (v.groups) {\r\n v.groups = v.groups.map(e => {\r\n e = { ID: e.value, name: e.label, selected: true }\r\n return e\r\n })\r\n }\r\n return v\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"face\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"main.photography\",\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"admUser/file\",\r\n accept: '.jpeg,.jpg,.png'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"name\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.name\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"last\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.lastName\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"last2\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Apellido M.\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"mail\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.email\",\r\n rules: 'required|email',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"gender\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.gender\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: 'M', label: 'M'},\r\n { value: 'F', label: 'F'}\r\n ]\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"separator1\",\r\n type: \"separator\",\r\n },\r\n {\r\n col: 6,\r\n name: \"inactive\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"main.inactive\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"enrolled\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"main.registered\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"documenttype\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.documentType\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"documentname\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.documentNumber\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"superSectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.grade\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.section\",\r\n parent: \"superSectionId\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.form.superSectionId }\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"groups\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.group\",\r\n opts: {\r\n style: 'float-label',\r\n isMulti: true,\r\n path: () => { return \"/admGroup/get?staff=2\" },\r\n setOutput: v => v\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"notifModes\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.notifyVia\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"externalId\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.externalId\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"house\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"House\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: 'Conroy', label: 'Conroy'},\r\n { value: 'Kufal', label: 'Kufal'},\r\n { value: 'Evans', label: 'Evans'},\r\n { value: 'Hope', label: 'Hope'}\r\n ]\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"label1\",\r\n value: L => `${L['admUser.personalInformation']}
`,\r\n type: \"label\"\r\n },\r\n {\r\n col: 6,\r\n name: \"birthday\",\r\n value: null,\r\n type: \"date\",\r\n label: \"main.birthdate\",\r\n placeholder: \"YYYY/MM/DD\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"natId\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.nationality\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"birthplace\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.birthplace\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/general/getcountries\",\r\n remap: (r) => {\r\n r.data.Results = r.data.map(item => ({ ID: item.id, name: item.name }))\r\n return r\r\n }\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"language\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.language\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"livewith\",\r\n value: \"PM\",\r\n type: \"select\",\r\n label: \"main.liveWith\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: 'PM', label: 'Padre y Madre'},\r\n { value: 'P', label: 'Padre'},\r\n { value: 'M', label: 'Madre'},\r\n { value: 'O', label: 'Otro'}\r\n ]\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"legalwith\",\r\n value: null,\r\n type: \"text\",\r\n label: L => `${L['main.liveWith']} (${L['main.other']})`,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"address\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.address\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"country\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.birthplace\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/general/getcountries\",\r\n remap: (r) => {\r\n r.data.Results = r.data.map(item => ({ ID: item.id, name: item.name }))\r\n return r\r\n }\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"familyPast\",\r\n value: null,\r\n type: \"text\",\r\n label: L => `Familiar ${L['main.exStudent']}`,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"label2\",\r\n value: L => `${L['admUser.consents']}
`,\r\n type: \"label\"\r\n },\r\n {\r\n col: 6,\r\n name: \"consentEmail\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"admUser.contactConsentToEmail\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: null, label: '[Sin especificar]'},\r\n { value: false, label: 'NO'},\r\n { value: true, label: 'SÍ'}\r\n ]\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"consentImagesAuth\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"admUser.imageUseConsent\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: null, label: '[Sin especificar]'},\r\n { value: false, label: 'NO'},\r\n { value: true, label: 'SÍ'}\r\n ]\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"status\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.status\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: 0, label: 'Nuevo'},\r\n { value: 10, label: 'Estudiante'},\r\n { value: 11, label: 'Ingresante'},\r\n { value: 12, label: 'Re-ingresante'},\r\n { value: 20, label: 'Graduado'},\r\n { value: 21, label: 'Retirado durante año'},\r\n { value: 22, label: 'Fallecido'},\r\n { value: 23, label: 'Retirado fin de año'},\r\n { value: 24, label: 'Retirado - Otros'}\r\n ]\r\n }\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"\",\r\n accessor: \"img\",\r\n type: \"img\"\r\n },\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"main.section\",\r\n accessor: \"sectionTag\" \r\n },\r\n {\r\n Header: \"main.externalId\",\r\n accessor: \"externalId\"\r\n },\r\n {\r\n Header: \"main.document\",\r\n accessor: \"doc\"\r\n },\r\n {\r\n Header: `${M}mainAdult`,\r\n accessor: \"principalName\"\r\n },\r\n {\r\n Header: `${M}documentAdult`,\r\n accessor: \"principalDoc\"\r\n },\r\n ]\r\n }\r\n return module\r\n}","export default (context) => {\r\n return {\r\n config: {\r\n pageSize: 40,\r\n },\r\n\r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n filter:{\r\n fields: [\r\n {\r\n name: \"type\",\r\n value: -1,\r\n type: \"select\",\r\n label: \"main.type\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: -1, label: \"[Todos]\" },\r\n { value: 0, label: \"Acceso básico\" },\r\n { value: 2, label: \"Asesores / Asistentes\" },\r\n { value: 4, label: \"Tutores\" },\r\n { value: 5, label: \"Profesores / Instructores\" },\r\n { value: 6, label: \"Psicólogos\" },\r\n { value: 7, label: \"Supervisión académica\" },\r\n { value: 8, label: \"Staff médico\" },\r\n { value: 9, label: \"Usuarios externos de app\" },\r\n { value: 10, label: \"Usuarios externos de admin\" },\r\n { value: 20, label: \"Coordinación grado\" },\r\n { value: 90, label: \"Directivos\" },\r\n { value: 95, label: \"Admins\" },\r\n { value: 99, label: \"API\" },\r\n { value: 100, label: \"Super-Admins\" }\r\n ]\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: \"main.applyFilter\",\r\n renderIf: (ctx) => { return Number.isInteger(ctx.state.type) },\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n fields: [\r\n {\r\n col: 6,\r\n name: \"name\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.name\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"last\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.lastName\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"mail\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.email\",\r\n rules: 'required|email',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"cel\",\r\n value: null,\r\n type: \"number\",\r\n label: \"main.cellPhone\",\r\n rules: \"required|max:13\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"pass\",\r\n value: null,\r\n type: \"password\",\r\n label: \"main.password\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"inactive\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"main.inactive\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"face\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"main.photography\",\r\n isDoc: false,\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"/admStaff/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n output: true\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"sign\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"main.signature\",\r\n isDoc: false,\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"/admStaff/sign\",\r\n accept: '.jpeg,.jpg,.png',\r\n output: true\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"notifModes\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.notifyVia\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"externalId\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.externalId\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"groupId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"main.group\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n path: 'admGroup/get'\r\n }\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"main.lastName\",\r\n accessor: \"last\"\r\n },\r\n {\r\n Header: \"main.email\",\r\n accessor: \"mail\"\r\n }\r\n ]\r\n }\r\n}","import roles from '../../data/roles'\r\n\r\nexport default (context) => {\r\n const M = \"admGroup.\"\r\n return {\r\n config: {\r\n pageSize: 50\r\n },\r\n\r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"staff\",\r\n value: 1,\r\n type: \"select\",\r\n label: \"main.type\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: 0,\r\n label: \"Todos\"\r\n },\r\n {\r\n value: 1,\r\n label: \"Staff\"\r\n },\r\n {\r\n value: 2,\r\n label: \"Usuarios\"\r\n }\r\n ]\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: \"main.applyFilter\",\r\n renderIf: (ctx) => { return Number.isInteger(ctx.state.staff) },\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n fields: [\r\n {\r\n col: 6,\r\n name: \"name\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.name\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"type\",\r\n value: null,\r\n type: \"select\",\r\n label: `${M}userGroupType`,\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: roles,\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"staff\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}staffAdmin`,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"canRead\",\r\n value: null,\r\n type: \"select\",\r\n label: `${M}permissionsRead`,\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n path: '/admModule/get?pick=true&classic=false',\r\n isMulti: true,\r\n setOutput: (v) => {\r\n if (v) return v.map((m) => { return { ID: m.value, name: m.label, selected: true } })\r\n }\r\n },\r\n renderIf: (ctx) => { return ctx.state.staff }\r\n },\r\n {\r\n col: 12,\r\n name: \"canEdit\",\r\n value: null,\r\n type: \"select\",\r\n label: `${M}permissionsWrite`,\r\n opts: {\r\n style: 'float-label',\r\n path: '/admModule/get?pick=true&classic=false',\r\n isMulti: true,\r\n setOutput: (v) => {\r\n if (v) return v.map((m) => { return { ID: m.value, name: m.label, selected: true } })\r\n }\r\n },\r\n renderIf: (ctx) => { return ctx.state.staff }\r\n },\r\n {\r\n col: 12,\r\n name: \"categories\",\r\n value: null,\r\n type: \"select\",\r\n label: \"main.categories\",\r\n opts: {\r\n style: 'float-label',\r\n path: '/admCategory/get?pick=true',\r\n isMulti: true,\r\n setOutput: (v) => {\r\n if (v) return v.map((m) => { return { ID: m.value, name: m.label, selected: true } })\r\n }\r\n },\r\n renderIf: (ctx) => { return ctx.state.staff }\r\n },\r\n {\r\n col: 12,\r\n name: \"forceLogout\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}forceLogout`,\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: (ctx) => { return ctx.state.staff }\r\n },\r\n {\r\n col: 12,\r\n name: \"members\",\r\n value: null,\r\n type: \"select\",\r\n label: `${M}members`,\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n path: 'admUser/get?type=2&pick=true',\r\n withImg: true,\r\n isMulti: true,\r\n searchOnline: true,\r\n setOutput: (v) => {\r\n if (v) return v.map((m) => { return { ID: m.value, name: m.label, selected: true } })\r\n }\r\n },\r\n renderIf: (ctx) => { return false }\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\",\r\n },\r\n {\r\n Header: \"main.staff\",\r\n accessor: \"staff\",\r\n isBool: true\r\n },\r\n {\r\n Header: \"main.type\",\r\n accessor: \"type\",\r\n }\r\n ]\r\n }\r\n}","export default (context) => {\r\n let columns = [\r\n {\r\n Header: \"Cliente\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"Monto\",\r\n accessor: \"total\",\r\n isDecimal: true,\r\n minWidth: 70\r\n },\r\n {\r\n Header: \"Monto recibo\",\r\n accessor: \"amountReceipt\",\r\n isDecimal: true,\r\n minWidth: 70\r\n },\r\n {\r\n Header: \"Mora\",\r\n accessor: \"penalty\",\r\n isDecimal: true,\r\n minWidth: 70\r\n },\r\n {\r\n Header: \"Fecha\",\r\n accessor: \"date\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Dependiente\",\r\n accessor: \"depend\"\r\n },\r\n {\r\n Header: \"Documento\",\r\n accessor: \"dependDoc\"\r\n },\r\n {\r\n Header: \"Detalle\",\r\n accessor: \"det\",\r\n minWidth: 200\r\n },\r\n {\r\n Header: \"Tarjeta\",\r\n accessor: \"card\",\r\n minWidth: 70\r\n },\r\n {\r\n Header: \"Num. Oper.\",\r\n accessor: \"opnum\",\r\n minWidth: 70\r\n },\r\n {\r\n Header: \"Código Externo\",\r\n accessor: \"externalId\"\r\n },\r\n {\r\n Header: \"Referencia\",\r\n accessor: \"note\"\r\n }\r\n ]\r\n\r\n if(window.location.href.indexOf('admOrder') > -1) columns = columns.filter(e => ['name','depend'].indexOf(e.accessor) === -1)\r\n \r\n return {\r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n remap: r => {\r\n r.data.Results.map(e => e.amountReceipt = (e.total - e.penalty))\r\n return r\r\n }\r\n },\r\n\r\n actions: {\r\n create: false,\r\n edit: false,\r\n delete: false,\r\n print: {remap: true},\r\n export: {remap: true},\r\n search: window.location.href.indexOf('admBilling') > -1\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"studentId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Alumno\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: \"/admStudent/get?enrolled=-1&pick=true\",\r\n withImg: true\r\n },\r\n renderIf: (ctx) => { return window.location.href.indexOf('admBilling') > -1 }\r\n },\r\n {\r\n type: \"daterange\",\r\n range: {\r\n value: 1,\r\n renderIf: () => window.location.href.indexOf('admBilling') > -1\r\n },\r\n from: {\r\n renderIf: ctx => window.location.href.indexOf('admBilling') > -1 && ctx.state.range === 2\r\n },\r\n to: {\r\n renderIf: ctx => window.location.href.indexOf('admBilling') > -1 && (ctx.state.range === 2 && ctx.state.from)\r\n }\r\n },\r\n {\r\n name: \"status\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Estado\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: 1,\r\n label: \"Confirmados\"\r\n },\r\n {\r\n value: 0,\r\n label: \"Pendientes\"\r\n },\r\n {\r\n value: -1,\r\n label: \"Abandonados\"\r\n },\r\n {\r\n value: -2,\r\n label: \"Con error\"\r\n },\r\n ]\r\n },\r\n renderIf: (ctx) => { return window.location.href.indexOf('admBilling') > -1 }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n renderIf: (ctx) => { return ctx.state.from || ctx.state.to || Number.isInteger(ctx.state.status) || Number.isInteger(ctx.state.studentId)},\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n columns: columns\r\n }\r\n}","import moment from \"moment\"\r\n\r\nexport default (context) => {\r\n let years = []\r\n let year = 2018\r\n const currentYear = parseInt(moment().format('Y'))\r\n while (year <= currentYear) {\r\n years.push({ value: year, label: year.toString() })\r\n year++\r\n }\r\n return {\r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n customPathGet: \"admBilling/getGrid\",\r\n customPathPost: \"admBilling/createbulk\"\r\n // customPathPost: \"admOrder/createbulk\"\r\n },\r\n \r\n actions: {\r\n create: false,\r\n edit: false,\r\n delete: false,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n extras: {\r\n itemsInRowsTable: [\r\n { icon: 'simple-icon-eye', name: 'Ver ordenes', onClick: (rowData, ctx) => {\r\n let obj = {\r\n module: 'admOrder',\r\n params: [\r\n {\r\n name: \"studentId\",\r\n value: {value: rowData.ID, label: (rowData.name) },\r\n type: \"select\",\r\n label: \"Alumno\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: \"/admStudent/get?pick=true\",\r\n withImg: true\r\n }\r\n },\r\n ],\r\n type: 0,\r\n keepFilters: false\r\n }\r\n ctx.props.setDeeplink(obj, ctx.props.history)\r\n }\r\n },\r\n { icon: 'simple-icon-eye', name: 'Ver pagos', onClick: (rowData, ctx) => {\r\n console.log(rowData)\r\n let obj = {\r\n module: 'admBilling',\r\n params: [\r\n {\r\n name: \"studentId\",\r\n value: {value: rowData.ID, label: (rowData.name) },\r\n type: \"select\",\r\n label: \"Alumno\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: \"/admStudent/get?pick=true\",\r\n withImg: true\r\n }\r\n },\r\n ],\r\n type: 0,\r\n keepFilters: false\r\n }\r\n ctx.props.setDeeplink(obj, ctx.props.history)\r\n }\r\n }\r\n ]\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"year\",\r\n value: currentYear,\r\n type: \"select\",\r\n label: \"Año\",\r\n opts: {\r\n style: 'float-label',\r\n items: years\r\n }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Sección\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: \"/admSection/get?pick=true\"\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n renderIf: (ctx) => { return Number.isInteger(ctx.state.year) && ctx.state.name !== \"\" },\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n fields: []\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"ID Alumno\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"Nombre\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"Grado / Sección\",\r\n accessor: \"sectionTag\"\r\n },\r\n {\r\n Header: \"ID Externo\",\r\n accessor: \"externalId\"\r\n },\r\n {\r\n Header: \"1\",\r\n accessor: \"M1\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"2\",\r\n accessor: \"M2\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"3\",\r\n accessor: \"M3\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"4\",\r\n accessor: \"M4\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"5\",\r\n accessor: \"M5\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"6\",\r\n accessor: \"M6\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"7\",\r\n accessor: \"M7\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"8\",\r\n accessor: \"M8\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"9\",\r\n accessor: \"M9\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"10\",\r\n accessor: \"M10\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"11\",\r\n accessor: \"M11\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"12\",\r\n accessor: \"M12\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"Beca\",\r\n accessor: \"condition\",\r\n isBool: true,\r\n minWidth: 50\r\n }\r\n ]\r\n }\r\n}","export default (context) => {\r\n return {\r\n config: {\r\n pageSize: 10,\r\n list: false,\r\n resource:'admOrder/detail',\r\n hiddenTitle: false\r\n },\r\n \r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true\r\n },\r\n\r\n extras: {\r\n items: []\r\n },\r\n\r\n filter: {\r\n fields: [],\r\n buttons: []\r\n },\r\n\r\n form: {\r\n setValuesBeforePost: (values) => {\r\n return values\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"item\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Concepto\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"quantity\",\r\n value: null,\r\n type: \"number\",\r\n label: \"Cantidad\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"amount\",\r\n value: null,\r\n type: \"number\",\r\n label: \"Monto\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"Concepto\",\r\n accessor: \"item\"\r\n },{\r\n Header: \"Cantidad\",\r\n accessor: \"quantity\",\r\n minWidth: 50\r\n },{\r\n Header: \"Monto\",\r\n accessor: \"amount\",\r\n isDecimal: true,\r\n minWidth: 50\r\n }\r\n ]\r\n }\r\n}","import _axios from \"../../libs/axios\";\r\nimport { NotificationManager } from \"../../components/common/react-notifications\";\r\nimport dateRange from \"../../components/utils/DateRange\";\r\n\r\nexport default (context) => {\r\n return {\r\n config: {\r\n pageSize: 40,\r\n customPathGet: \"admBilling/report/receipts/get/\",\r\n resource: \"admBilling/receipts\",\r\n list: false,\r\n enableContexMenu: false,\r\n remap: (r) => {\r\n r.data.Results = r.data.Results.map(e => {e.type = e.type === 0 ? \"Recibo de ingreso\" : \"Nota de ingreso\"; return e})\r\n return r\r\n },\r\n remapRow: (form) => {\r\n form.type = form.type === 0 ? \"Recibo de ingreso\" : \"Nota de ingreso\"\r\n return form\r\n }\r\n },\r\n\r\n actions: {\r\n create: false,\r\n edit: false,\r\n delete: false,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n extras: {\r\n items: [\r\n {id: 0, icon: 'simple-icon-cloud-download', name: 'Descargar recibos', onClick: () => { \r\n let content = {\r\n name: \"Descargar recibos masivamente en formato PDF\",\r\n fields: [...dateRange()],\r\n buttons: [\r\n {\r\n label: \"Descargar\",\r\n onClick: (ctx) => {\r\n ctx.validateForm().then(() => {\r\n context.props.setLoader(true)\r\n _axios\r\n .get('admBilling/report/receipts/zip?from=' + ctx.state.from + '&to=' + ctx.state.to)\r\n .then(r => {\r\n if (r.status === 0) {\r\n if (r.data && r.data.url) window.open(r.data.url)\r\n context.toggleRight()\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n context.props.setLoader(false)\r\n }).catch(e => {\r\n console.log(e)\r\n context.props.setLoader(false)\r\n })\r\n })\r\n .catch(e => { /* console.log(e) */ })\r\n }\r\n }\r\n ]\r\n }\r\n\r\n context.setState({modalRightContent: content}, () => {\r\n context.toggleRight() \r\n })\r\n }}\r\n ],\r\n itemsInRowsTable: [\r\n {\r\n id: 1, icon: 'simple-icon-cloud-download', name: row => row.refId === null ? \"Descargar recibo de ingreso\" : \"Descargar nota de ingreso\",\r\n onClick: (row, ctx) => {\r\n context.props.setLoader(true)\r\n let isChild = row.refId !== null\r\n _axios\r\n .get('admBilling/receipt/' + row.orderId + '/' + isChild)\r\n .then(r => {\r\n if (r.status === 0) {\r\n window.URL = window.URL || window.webkitURL;\r\n var xhr = new XMLHttpRequest(), a = document.createElement('a'), file;\r\n xhr.open('GET', r.data.url, true);\r\n xhr.responseType = 'blob';\r\n xhr.onload = function () {\r\n file = new Blob([xhr.response], { type : 'application/octet-stream' });\r\n a.href = window.URL.createObjectURL(file);\r\n a.download = r.data.filename;\r\n a.click();\r\n };\r\n xhr.send();\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n context.props.setLoader(false)\r\n }).catch(e => {\r\n console.log(e)\r\n context.props.setLoader(false);\r\n })\r\n }\r\n },\r\n {\r\n id: 2, icon: 'simple-icon-pencil', name: \"Editar recibo\",\r\n onClick: (row, ctx) => {\r\n context.getDataById(row.ID)\r\n }\r\n }\r\n ]\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n col: 3,\r\n name: \"status\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Estado\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: -1,\r\n label: \"Todos los recibos\"\r\n },\r\n {\r\n value: 0,\r\n label: \"Pendientes de pago\"\r\n },\r\n {\r\n value: 1,\r\n label: \"Pagados\"\r\n },\r\n {\r\n value: 2,\r\n label: \"Anulados\"\r\n }\r\n ]\r\n }\r\n },\r\n {\r\n col: 2,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Tipo\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: -1,\r\n label: \"Todos\"\r\n },\r\n {\r\n value: 0,\r\n label: \"Recibo de ingreso\"\r\n },\r\n {\r\n value: 1,\r\n label: \"Nota de ingreso\"\r\n }\r\n ]\r\n }\r\n },\r\n {\r\n col: 3,\r\n name: \"studentId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Alumno\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: \"/admStudent/get?pick=true&enrolled=-1\",\r\n withImg: true\r\n }\r\n },\r\n {\r\n type: \"daterange\"\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n renderIf: (ctx) => { return ctx.state.from || ctx.state.to || Number.isInteger(ctx.state.status) || Number.isInteger(ctx.state.studentId) || Number.isInteger(ctx.state.type)},\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n fields: [\r\n {\r\n col: 4,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"hidden\"\r\n },\r\n {\r\n col: 4,\r\n name: \"ID\",\r\n value: \"\",\r\n type: \"hidden\"\r\n },\r\n {\r\n col: 8,\r\n name: \"label1\",\r\n value: (L, state) => state.type === 0 ? `Recibo de ingreso Nro. ${state.ID}
` : `Nota de ingreso Nro. ${state.ID}
`,\r\n type: \"label\"\r\n },\r\n {\r\n col: 4,\r\n name: \"label2\",\r\n value: (L, state) => state.voided ? `ANULADO
` : \"\",\r\n type: \"label\",\r\n renderIf: ctx => ctx.state.voided\r\n },\r\n {\r\n col: 6,\r\n name: \"date\",\r\n value: \"\",\r\n type: \"datetime\",\r\n label: \"Fecha de emisión\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 6,\r\n name: \"datePaid\",\r\n value: \"\",\r\n type: \"datetime\",\r\n label: \"Fecha de vencimiento\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 6,\r\n name: \"doc\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"DNI\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 6,\r\n name: \"principalName\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Nombre\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 4,\r\n name: \"dependantName\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Alumno\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 4,\r\n name: \"dependantDoc\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Código de alumno\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 4,\r\n name: \"sectionTag\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Sección\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 8,\r\n name: \"brief\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Concepto\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 4,\r\n name: \"amount\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Monto\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 12,\r\n name: \"notes\",\r\n value: \"\",\r\n type: \"textarea\",\r\n label: \"Observaciones\",\r\n rules: \"max:200\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"Código\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"Tipo\",\r\n accessor: \"type\"\r\n },\r\n {\r\n Header: \"Fecha\",\r\n accessor: \"date\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Referencia\",\r\n accessor: \"refId\"\r\n },\r\n {\r\n Header: \"Fecha pago\",\r\n accessor: \"datePaid\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Vencimiento\",\r\n accessor: \"dueDate\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Responsable\",\r\n accessor: \"principalName\"\r\n },\r\n {\r\n Header: \"Nro. Doc.\",\r\n accessor: \"doc\"\r\n },\r\n {\r\n Header: \"Dependiente\",\r\n accessor: \"dependantName\"\r\n },\r\n {\r\n Header: \"Código\",\r\n accessor: \"dependantCode\"\r\n },\r\n {\r\n Header: \"DNI\",\r\n accessor: \"dependantDoc\"\r\n },\r\n {\r\n Header: \"Sección\",\r\n accessor: \"sectionTag\"\r\n },\r\n {\r\n Header: \"Concepto\",\r\n accessor: \"brief\"\r\n },\r\n {\r\n Header: \"Monto\",\r\n accessor: \"amount\",\r\n isDecimal: true,\r\n minWidth: 70\r\n },\r\n {\r\n Header: \"Nro cuota\",\r\n accessor: \"code\"\r\n },\r\n {\r\n Header: \"Pagado\",\r\n accessor: \"paid\",\r\n isBool: true\r\n },\r\n {\r\n Header: \"Anulado\",\r\n accessor: \"voided\",\r\n isBool: true\r\n },\r\n {\r\n Header: \"Observaciones\",\r\n accessor: \"notes\"\r\n },\r\n {\r\n Header: \"ID\",\r\n accessor: \"orderId\",\r\n hidden: true\r\n }\r\n ]\r\n }\r\n}\r\n","export default (context) => {\r\n return {\r\n config: {\r\n pageSize: 20,\r\n list: false,\r\n customPathGet: 'admStudent/contacts',\r\n remap: (r) => {\r\n r.data.Results.forEach(e => {\r\n ['depMail', 'rel1mail', 'rel2mail'].forEach(col => {\r\n e[`isChecked_${col}`] = context.state.checkedList.some(c => c.colId === col && c.rowId === e.ID && c.mail === e[col])\r\n })\r\n })\r\n return r\r\n }\r\n },\r\n \r\n actions: {\r\n print: false,\r\n export: context.props.userAdmin.role === '100',\r\n search: true\r\n },\r\n\r\n extras: {\r\n items: [\r\n { id: 1, icon: 'simple-icon-envelope-open', name: 'Enviar correo', onClick: () => {\r\n let openPopupCentered = (url,width,height) => {\r\n var x=(window.screen.width/2)-(width/2);\r\n var y=(window.screen.height/2)-(height/2);\r\n window.open(url, 'popup', 'width=' + width + ', height=' + height + ', left=' + x + ', top=' + y +'');\r\n }\r\n let url = 'https://mail.google.com/mail/u/5/?fs=1&bcc='\r\n context.state.checkedList.forEach(e => {\r\n url += e.mail + ','\r\n });\r\n url = url.slice(0, -1)\r\n url += '&tf=cm'\r\n // console.log(url)\r\n openPopupCentered(url, 800, 600)\r\n } \r\n },\r\n ]\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"studentId\",\r\n value: 0,\r\n type: \"select\",\r\n label: \"Alumno\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: \"/admStudent/get?enrolled=-1&active=-1&pick=true\",\r\n withImg: true\r\n },\r\n onChange: (ctx) => {\r\n ctx.setState({sectionId: 0 })\r\n }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: 0,\r\n type: \"select\",\r\n label: \"Sección\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: \"/admSection/get?pick=true\"\r\n },\r\n onChange: (ctx) => {\r\n ctx.setState({studentId: 0 })\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n renderIf: (ctx) => { return Number.isInteger(ctx.state.studentId) || Number.isInteger(ctx.state.sectionId)},\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"ID\",\r\n value: null,\r\n type: \"text\",\r\n label: \"ID\",\r\n disabled: true,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"easyId\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Número de documento\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"externalId\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Código externo\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"total\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Monto\",\r\n disabled: true,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"paid\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"Pagado\",\r\n disabled: true,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"brief\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Concepto\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"curr\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Moneda\",\r\n disabled: true,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"dueDate\",\r\n value: null,\r\n type: \"date\",\r\n label: \"Vencimiento\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"created\",\r\n value: null,\r\n type: \"date\",\r\n label: \"Fecha creación\",\r\n disabled: true,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"hasPenalty\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"Penalidad\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"principalName\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Nombre responsable\",\r\n rules: 'required',\r\n disabled:true,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"dependantName\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Nombre dependiente\",\r\n rules: 'required',\r\n disabled:true,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"Nombre\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"Apellido paterno\",\r\n accessor: \"last\"\r\n },\r\n {\r\n Header: \"Apellido materno\",\r\n accessor: \"last2\"\r\n },\r\n {\r\n Header: \"Código\",\r\n accessor: \"externalId\"\r\n },\r\n {\r\n Header: \"Padre\",\r\n accessor: \"rel1\"\r\n },\r\n {\r\n Header: \"Tel. Padre\",\r\n accessor: \"rel1Tel\"\r\n },\r\n {\r\n Header: \"Madre\",\r\n accessor: \"rel2\"\r\n },\r\n {\r\n Header: \"Tel. Madre\",\r\n accessor: \"rel2Tel\"\r\n },\r\n {\r\n Header: \"Mail padre\",\r\n accessor: \"rel1mail\",\r\n type: 'check',\r\n id: 'parent',\r\n minWidth: 50,\r\n classList: \"w-sm-100\"\r\n },\r\n {\r\n Header: \"Mail madre\",\r\n accessor: \"rel2mail\",\r\n type: 'check',\r\n id: 'mother',\r\n minWidth: 50,\r\n classList: \"w-sm-100\"\r\n },\r\n {\r\n Header: \"Mail alumno\",\r\n accessor: \"depMail\",\r\n type: 'check',\r\n id: 'pupil',\r\n minWidth: 50,\r\n classList: \"w-sm-100\"\r\n }\r\n ]\r\n } \r\n}","export default (context) => {\r\n\r\n const items = [\r\n {id: 2, name: 'Por grado / seccion', onClick: (row, ctx, id) => {\r\n context.setState({selectedReport: id})\r\n }},\r\n {id: 1, name: 'Por profesor', onClick: (row, ctx, id) => {\r\n context.setState({selectedReport: id})\r\n }},\r\n {id: 5, name: 'Por curso', onClick: (row, ctx, id) => {\r\n context.setState({selectedReport: id})\r\n }},\r\n {id: 6, name: 'Conclusiones descriptivas', onClick: (row, ctx, id) => {\r\n context.setState({selectedReport: id})\r\n }},\r\n {id: 4, name: 'Notas finales', module:'admGradesRep', onClick: (row, ctx, id) => {\r\n context.setState({selectedReport: id})\r\n }},\r\n {id: 3, name: 'Notas finales Minedu', module:'admGradesRep', onClick: (row, ctx, id) => {\r\n context.setState({selectedReport: id})\r\n }},\r\n {id: 7, name: 'Ver todos los profesores', onClick: (row, ctx, id) => {\r\n context.toggleModal()\r\n }}\r\n ]\r\n\r\n const allowedItems = items.filter(f => { return !f.module || context.props.userAdmin.menu.some(s=> s.subs.some(ss=>ss.id === f.module))})\r\n\r\n return {\r\n extras: {\r\n items: allowedItems\r\n }\r\n }\r\n}","import roles from '../../data/roles'\r\n\r\nexport default (context) => {\r\n return {\r\n config: {\r\n hiddenTitle: true,\r\n pageSize: 40,\r\n customPathPost: \"admActivityParts/update/{ID}\",\r\n remapRow: (d) => {\r\n d.master = d.masterId.label\r\n return d\r\n }\r\n },\r\n \r\n actions: {\r\n create: false,\r\n edit: true,\r\n delete: true\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.masterId = { value: r.data.masterId, label: r.data.masterName }\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (values) => {\r\n values.masterId = values.masterId.value\r\n return values\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Sección\",\r\n rules: 'required',\r\n disabled: true,\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"masterId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Profesor principal\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admStaff/get?pick=true\",\r\n setOutput: (v) => v\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"ID\",\r\n value: \"\"\r\n }\r\n ],\r\n detailGrid: () => {\r\n return context.state.idItemSelected ?\r\n {\r\n module: 'admActivityMasters',\r\n parentIdField: 'ID',\r\n embeded: (c) => {\r\n return {\r\n config: {\r\n pageSize: 40,\r\n remap: (list,row) => { list.data.Results = list.data.Results.map(row); return list },\r\n remapRow: (r) => { \r\n let rol = roles.find(f => f.value === r.alterType)\r\n if (rol) r.alterTypeName = rol.label\r\n return r\r\n }\r\n },\r\n \r\n actions: {\r\n create: {\r\n reloadGrid: true\r\n },\r\n edit: {\r\n reloadGrid: true\r\n },\r\n delete: true,\r\n print: false,\r\n export: false\r\n },\r\n \r\n filter: {\r\n fields: []\r\n },\r\n \r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.userId = { value: r.data.userId, label: r.data.userName }\r\n }\r\n return r\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Maestro / instructor\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admStaff/get?pick=true\"\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"role\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Rol en curso/sección\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n name: \"alterType\",\r\n value: \"\",\r\n col: 12,\r\n type: \"select\",\r\n label: \"Tipo de rol\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: roles,\r\n isMulti: false,\r\n tooltip: true\r\n }\r\n }\r\n ] \r\n },\r\n \r\n columns: [\r\n {\r\n Header: \"ID\",\r\n accessor: \"ID\",\r\n maxWidth: 40\r\n },\r\n {\r\n Header: \"Nombres\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"Rol en curso/sección\",\r\n accessor: \"alterTypeName\"\r\n }\r\n ]\r\n }\r\n }\r\n } : null\r\n }\r\n }, \r\n \r\n columns: [\r\n {\r\n Header: \"Sección\",\r\n accessor: \"section\"\r\n },\r\n {\r\n Header: \"Profesor principal\",\r\n accessor: \"master\"\r\n }\r\n ]\r\n }\r\n }","import roles from '../../data/roles'\r\n\r\nexport default (context) => {\r\n\r\n return {\r\n config: {\r\n pageSize: 40,\r\n remap: (list,row) =>{ list.data.Results = list.data.Results.map(row); return list},\r\n remapRow: (r) => { \r\n r.alterTypeName=roles.find(f=>f.value === r.alterType).label;\r\n return r;\r\n }\r\n },\r\n\r\n actions: {\r\n create: {\r\n reloadGrid: true\r\n },\r\n edit: {\r\n reloadGrid: true\r\n },\r\n delete: true,\r\n print: false,\r\n export: true\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"alterType\",\r\n value: 5,\r\n type: \"select\",\r\n label: \"Rol en curso/sección\",\r\n opts: {\r\n style: 'float-label',\r\n items: roles\r\n }\r\n },\r\n {\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Grado\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Sección\",\r\n parent: \"superSectionId\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.formFilter.superSectionId }\r\n }\r\n },\r\n {\r\n name: \"activityId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Curso\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSubject/get?pick=true&superSectionId=\" + context.state.formFilter.superSectionId }\r\n }\r\n },\r\n {\r\n name: \"userId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Usuario\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: \"/admStaff/get?pick=true\",\r\n withImg: true\r\n }\r\n },\r\n\r\n {\r\n name: \"groupId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Grupo / tipo de usuario\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admGroup/get?pick=true&staff=1\"\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n renderIf: (ctx) => true,\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.userId = { value: r.data.userId, label: r.data.userName }\r\n }\r\n return r\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Maestro / instructor\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admStaff/get?pick=true\"\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"role\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Rol en curso/sección\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n name: \"alterType\",\r\n value: \"\",\r\n col: 12,\r\n type: \"select\",\r\n label: \"Tipo de rol\",\r\n opts: {\r\n style: 'float-label',\r\n items: roles,\r\n isMulti: false,\r\n tooltip: true\r\n }\r\n }\r\n ] \r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"ID\",\r\n accessor: \"ID\",\r\n maxWidth: 40\r\n },\r\n {\r\n Header: \"Nombres\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"Rol en curso/sección\",\r\n accessor: \"alterTypeName\"\r\n },\r\n {\r\n Header: \"Curso\",\r\n accessor: \"subject\"\r\n },\r\n {\r\n Header: \"Sección\",\r\n accessor: \"section\"\r\n },\r\n {\r\n Header: \"Grupo\",\r\n accessor: \"group\"\r\n },\r\n ]\r\n }\r\n}","import _axios from \"../../libs/axios\";\r\nimport { NotificationManager } from \"../../components/common/react-notifications\";\r\nexport default (context) => {\r\n return {\r\n\r\n config: {\r\n pageSize: 40,\r\n list: false\r\n },\r\n\r\n actions: {\r\n create: {\r\n reloadGrid: true\r\n },\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"periodId\",\r\n value: { value: \"0\", label: \"Actual\" },\r\n type: \"select\",\r\n label: \"Periodo\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admPeriod/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Grado\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Sección\",\r\n parent: 'superSectionId',\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.formFilter.superSectionId }\r\n },\r\n renderIf: (ctx) => { return ctx.state.superSectionId }\r\n },\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n renderIf: (ctx) => { return ctx.state.periodId || ctx.state.superSectionId },\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.periodId = { value: r.data.periodId, label: r.data.periodName }\r\n r.data.gradeName = { value: r.data.gradeName, label: r.data.gradeName }\r\n r.data.sectionName = { value: r.data.sectionName, label: r.data.sectionName }\r\n r.data.userId = { value: r.data.userId, label: r.data.userName }\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n delete v.flags\r\n delete v.btn1\r\n v.userId = v.userId.value\r\n return v\r\n },\r\n fields: [\r\n {\r\n col: 4,\r\n name: \"periodId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Periodo\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admPeriod/get?pick=true\"\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"gradeName\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Grado\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"sectionName\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Sección\",\r\n rules: 'required',\r\n parent: 'gradeName',\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.form.gradeName }\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Alumno\",\r\n rules: 'required',\r\n parent: 'sectionName',\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admStudent/get?pick=true\" + (context.state.form.sectionName ? \"§ionId=\" + context.state.form.sectionName : \"\") },\r\n setOutput: e => e\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"dateFrom\",\r\n value: \"\",\r\n type: \"date\",\r\n label: \"Fecha\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n },\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-1\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Perfil psicopedagógico: cognitivo, comunicativo, emocional y autonomía\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note1\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"\"\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-2\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Recomendaciones psicopedagógicas\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note2\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"\"\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-3\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Recomendaciones por área académica\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note3\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"\"\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-4\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Recomendaciones por perfil\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note4\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"\"\r\n }\r\n ]\r\n },\r\n {\r\n col: 4,\r\n name: \"flag1\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"AD\"\r\n },\r\n {\r\n col: 8,\r\n name: \"flag2\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"I\"\r\n },\r\n\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"file1\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"Adjunto 1\",\r\n opts: {\r\n path: ()=> \"admTracking/file\"\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"file2\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"Adjunto 2\",\r\n opts: {\r\n path: ()=> \"admTracking/file\"\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"file3\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"Adjunto 3\",\r\n opts: {\r\n path: ()=> \"admTracking/file\"\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"btn1\",\r\n type: \"button\",\r\n label: \"Ver Citas\",\r\n onClick: (ctx) => {\r\n ctx.toogleSubGrid(0)\r\n },\r\n renderIf: (ctx) => { return context.state.idItemSelected }\r\n },\r\n {\r\n col: 4,\r\n label: \"Descargar PDF\",\r\n name: \"Descargar PDF\",\r\n value: \"commitment\",\r\n type: \"button\",\r\n onClick: () => {\r\n context.props.setLoader(true)\r\n _axios\r\n .get('admTracking/pdf/' + context.state.idItemSelected)\r\n .then(r => {\r\n if (r.status >= 0) {\r\n window.URL = window.URL || window.webkitURL;\r\n var xhr = new XMLHttpRequest(), a = document.createElement('a'), file;\r\n xhr.open('GET', r.data.url, true);\r\n xhr.responseType = 'blob';\r\n xhr.onload = function () {\r\n file = new Blob([xhr.response], { type : 'application/octet-stream' });\r\n a.href = window.URL.createObjectURL(file);\r\n a.download = r.data.filename; \r\n a.click();\r\n };\r\n xhr.send();\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n context.props.setLoader(false)\r\n }).catch(e => {\r\n context.props.setLoader(false)\r\n })\r\n },\r\n renderIf: () => { return context.state.idItemSelected },\r\n },\r\n {\r\n col: 12,\r\n name: \"bookings\",\r\n value: null,\r\n type: \"hidden\",\r\n label: \"\"\r\n },\r\n {\r\n col: 12,\r\n name: \"userName\",\r\n value: \"\",\r\n type: \"hidden\",\r\n label: \"\"\r\n }\r\n ],\r\n subGrids: [\r\n {\r\n name: (ctx) => { return 'CITAS CON: ' + ctx.state.userName },\r\n module: 'admBookingList',\r\n filterBy: (ctx) => { return { userId: ctx.state.userId.value, userName: ctx.state.userId.label, IN: ctx.state.bookings?JSON.stringify(ctx.state.bookings):\"[]\" } }\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"Alumno\",\r\n accessor: \"user\"\r\n },\r\n {\r\n Header: \"Grado\",\r\n accessor: \"grado\"\r\n },\r\n {\r\n Header: \"Fecha\",\r\n accessor: \"dateFrom\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Registrado por\",\r\n accessor: \"createdByName\"\r\n }\r\n ]\r\n }\r\n}","import moment from \"moment\";\r\nimport _axios from \"../../libs/axios\";\r\nimport { NotificationManager } from \"../../components/common/react-notifications\";\r\n\r\nexport default (context) => {\r\n const filter = {\r\n fields: [\r\n {\r\n name: \"periodId\",\r\n value: { value: \"0\", label: \"Actual\" },\r\n type: \"select\",\r\n label: \"Periodo\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admPeriod/get?pick=true\"\r\n }\r\n },\r\n {\r\n type: \"daterange\"\r\n },\r\n {\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Alumno\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { \r\n return \"/admStudent/get?pick=true\"\r\n }\r\n }\r\n },\r\n {\r\n col: 3,\r\n name: \"resourceId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Profesor\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admResource/get?pick=true\" }\r\n }\r\n },\r\n {\r\n name: \"status\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Estado\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: 0,\r\n label: \"Separadas\"\r\n },\r\n {\r\n value: 1,\r\n label: \"Confirmadas\"\r\n },\r\n {\r\n value: 2,\r\n label: \"Completadas\"\r\n },\r\n ]\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n }\r\n return {\r\n config: {\r\n resource: \"admBooking\",\r\n pageSize: 40,\r\n list: false\r\n },\r\n\r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: false,\r\n search: true,\r\n print: true,\r\n export: true\r\n },\r\n\r\n filter: context.props.location?.pathname.indexOf('admBookingList') > -1 ? filter : null,\r\n\r\n form: {\r\n handleSaveChanges : () => {\r\n const ctx = context\r\n if (ctx.state.idItemSelected) ctx.edit()\r\n else {\r\n ctx.validateForm().then(() => {\r\n const save = () => {\r\n let body = {\r\n slot: ctx.state.form.completed ? moment(ctx.state.form.date2 + ' ' + moment(ctx.state.form.time2).format('HH:mm:ss')).format('YYYYMMDDHHmm') : ctx.state.form.time,\r\n resourceId: context.resourceId,\r\n userId: ctx.state.form.userId.value,\r\n externalId: null,\r\n notes: ctx.state.form.notes,\r\n notesCompleted: ctx.state.form.notesCompleted,\r\n extras: {\r\n CodigoPadreFamilia: ctx.state.form.CodigoPadreFamilia.map((e) => {\r\n e = { ID: e.value, name: e.label }\r\n return e\r\n }),\r\n Subject: null,\r\n trackingId: ctx.state.form.trackingId,\r\n },\r\n completed: ctx.state.form.completed\r\n }\r\n\r\n // console.log(body)\r\n \r\n _axios\r\n .post('booking/book', body)\r\n .then(r => {\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n if (r.status >= 0) {\r\n context.toggle()\r\n context.getData()\r\n }\r\n context.props.setLoader(false)\r\n }).catch(e => {\r\n context.props.setLoader(false)\r\n })\r\n }\r\n\r\n const createSlot = () => {\r\n let body = {\r\n date: ctx.state.form.completed ? moment(ctx.state.form.date2 + ' ' + moment(ctx.state.form.time2).format('HH:mm:ss')).format('YYYYMMDDHHmm') : ctx.state.form.time,\r\n endDate: ctx.state.form.completed ? moment(ctx.state.form.date2 + ' ' + moment(ctx.state.form.time2).format('HH:mm:ss')).add(20, 'minutes').format('YYYYMMDDHHmm') : null\r\n }\r\n _axios\r\n .post('/booking/slots/' + context.resourceId , body)\r\n .then(r => {\r\n if (r.status >= 0) save()\r\n else {\r\n context.props.setLoader(false)\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n }\r\n }).catch(e => {\r\n console.log(e)\r\n context.props.setLoader(false)\r\n })\r\n }\r\n\r\n const getResource = () => {\r\n _axios\r\n .get('/admResource/active')\r\n .then(r => {\r\n if (r.status === 0) {\r\n let resource = r.data.find(e => e.owner === context.props.userAdmin.ID)\r\n if (resource) {\r\n context.resourceId = resource.ID\r\n createSlot()\r\n }\r\n else NotificationManager.error('Antes de registrar una cita debe de registrar al profesor como un recurso.', 'Error', 5000, null, null, 'outline')\r\n } else {\r\n NotificationManager.error(r.msg, 'Opps', 5000, null, null, 'outline')\r\n context.props.setLoader(false)\r\n }\r\n }).catch(e => {\r\n console.log(e)\r\n context.props.setLoader(false)\r\n })\r\n }\r\n\r\n context.props.setLoader(true)\r\n ctx.state.form.completed ? getResource() : ctx.state.form.exception ? createSlot() : save()\r\n })\r\n .catch(e => { /* console.log(e) */ }) \r\n }\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"completed\",\r\n type: \"switch\",\r\n label: \"CITA YA FUE REALIZADA\",\r\n renderIf: () => { return !context.state.idItemSelected }\r\n },\r\n {\r\n col: 4,\r\n name: \"userId\",\r\n value: window.location.href.indexOf('admTracking') > -1 ? { value: context.props.filterBy.userId, label: context.props.filterBy.userName } : \"\",\r\n type: \"select\",\r\n label: \"Alumno\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n withImg: true,\r\n isClearable: false,\r\n path: () => { return \"/teacher/\" + context.props.userAdmin.ID + \"/students\" },\r\n remap: (r) => {\r\n return {\r\n data: {\r\n Results: r.data.map(e => {\r\n e.ID = e.id\r\n e.name = e.last + ', ' + e.name\r\n e.img = e.face\r\n return e\r\n })\r\n },\r\n msg: r.msg,\r\n status: r.status\r\n }\r\n },\r\n setOutput: v => v\r\n },\r\n renderIf: () => { return !context.state.idItemSelected },\r\n disabled: () => { return window.location.href.indexOf('admTracking') > -1 }\r\n },\r\n {\r\n col: 3,\r\n name: \"exception\",\r\n type: \"switch\",\r\n label: \"Horario de excepción\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: (ctx) => { return !context.state.idItemSelected && !ctx.state.completed}\r\n },\r\n {\r\n col: 4,\r\n name: \"date2\",\r\n type: \"date\",\r\n label: \"Fecha\",\r\n rules: 'required',\r\n parent: \"completed\",\r\n opts: {\r\n style: 'float-label',\r\n maxDate: moment()\r\n },\r\n disabled: () => { return context.state.form && context.state.form.userId ? false : true },\r\n renderIf: (ctx) => { return !context.state.idItemSelected && ctx.state.completed}\r\n },\r\n {\r\n col: 4,\r\n name: \"time2\",\r\n type: \"time\",\r\n label: \"Hora\",\r\n rules: 'required',\r\n parent: \"date2\",\r\n opts: {\r\n style: 'float-label',\r\n timeIntervals: 1,\r\n minTime: (ctx) => { return moment(ctx.state.date2).format(\"DD\") === moment().date().toString() ? moment().set({hour:0,minute:0,second:0,millisecond:0}) : null },\r\n maxTime: (ctx) => { return moment(ctx.state.date2).format(\"DD\") === moment().date().toString() ? moment() : null },\r\n },\r\n disabled: () => { return context.state.form && context.state.form.userId ? false : true },\r\n renderIf: (ctx) => { return !context.state.idItemSelected && ctx.state.date2 && ctx.state.completed}\r\n },\r\n {\r\n col: 2,\r\n name: \"date\",\r\n type: \"date\",\r\n label: \"Fecha\",\r\n rules: 'required',\r\n parent: \"exception\",\r\n opts: {\r\n style: 'float-label',\r\n onOpen: (ctxForm, ctxField) => {\r\n if (context.resourceId) context.resourceId = null\r\n if (ctxForm.state.exception) ctxField.setState({ highlightDates: undefined, includeDates: undefined })\r\n // if (!ctxForm.state.exception && ctxField.state.includeDates && ctxForm.state.date) return\r\n context.props.setLoader(true)\r\n _axios\r\n // .get('/booking/resources/' + (window.tenant.isPro ? 118 : 117) + '?from=' + moment().format('YYYY-MM-DDTHH:mm:ss') + '&to='+ moment().add(moment().daysInMonth() - moment().format('D'), 'd').format('YYYY-MM-DDTHH:mm:ss') +'&id=' + context.state.form.userId.value + '&variation=resOwnerByUserId')\r\n .get('/booking/resources/' + (window.tenant.isPro ? 118 : 117) + '?from=' + moment().format('YYYY-MM-DDTHH:mm:ss') + '&to='+ moment().add(1, 'months').endOf('month').format('YYYY-MM-DDTHH:mm:ss') +'&id=' + context.state.form.userId.value + '&variation=resOwnerByUserId')\r\n .then(r => {\r\n if (r.status >= 0) {\r\n if (r.data && r.data[0].slots) {\r\n if (!ctxForm.state.exception) {\r\n let slots = r.data[0].slots.filter(s => s.status !== 1)\r\n let dates = slots.map(e => moment(e.date,'YYYYMMDDHHmm'))\r\n ctxField.setState({ highlightDates: dates, includeDates: dates }, () => {\r\n ctxForm.dates = slots\r\n context.resourceId = r.data[0].id\r\n })\r\n } else context.resourceId = r.data[0].id\r\n }\r\n } else {\r\n ctxField.setState({ highlightDates: [], includeDates: [] })\r\n /*\r\n if (!ctxForm.state.exception) {\r\n ctxField.setState({ highlightDates: [], includeDates: [] }, () => {\r\n // setTimeout(() => { ctxField.datePickerRef.current.setOpen(false) }, 100)\r\n })\r\n }\r\n */\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n context.props.setLoader(false)\r\n }).catch(e => {\r\n context.props.setLoader(false)\r\n })\r\n }\r\n },\r\n onChange: (ctxForm) => {\r\n if (!ctxForm.state.exception) return\r\n _axios\r\n .get('/agenda/hours?day=' + moment(ctxForm.state.date).format('YYYY-MM-DD') + 'T00:00:00&onDemand=true')\r\n .then(r => {\r\n if (r.status >= 0) {\r\n if (r.data && r.data.hours) {\r\n ctxForm.dates = r.data.hours.split(',')\r\n ctxForm.dates = ctxForm.dates.map(e => { return e = moment(ctxForm.state.date).format('YYYYMMDD') + e.replace(':', '') } )\r\n }\r\n } else {\r\n ctxForm.dates = []\r\n NotificationManager.error(r.msg, 'Opps', 5000, null, null, 'outline')\r\n }\r\n }).catch(e => {\r\n console.log(e)\r\n })\r\n },\r\n disabled: () => { return context.state.form && context.state.form.userId ? false : true },\r\n renderIf: (ctx) => { return !context.state.idItemSelected && !ctx.state.completed}\r\n },\r\n {\r\n col: 3,\r\n name: \"time\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Hora\",\r\n rules: 'required',\r\n parent: \"date\",\r\n opts: {\r\n style: 'float-label',\r\n onMenuOpen: (ctxForm, ctxCustomSelect) => {\r\n let hours = []\r\n if (ctxForm.state.exception) {\r\n if (ctxForm.dates) hours = ctxForm.dates.map(e => { return {value: parseInt(e), label: moment(e, 'YYYYMMDDHHmm').format('HH:mm')} })\r\n } else {\r\n let date = ctxForm.dates.filter(e => moment(e.date, 'YYYYMMDDHHmm').format('YYYY-MM-DD') === ctxForm.state.date)\r\n hours = date.map((e) => { return {value: e.date, label: moment(e.date, 'YYYYMMDDHHmm').format('HH:mm') + '- ' + moment(e.endDate, 'YYYYMMDDHHmm').format('HH:mm'), isDisabled: e.status === 1 ? true : false} })\r\n }\r\n ctxCustomSelect.setState({ items: hours })\r\n },\r\n isClearable: true\r\n },\r\n onChange: (ctxForm) => {\r\n /*\r\n if (!ctxForm.state.exception || !ctxForm.state.time) return\r\n _axios\r\n .post('/booking/slots/' + context.resourceId, {date: ctxForm.state.time})\r\n .then(r => {\r\n if (r.status < 0) NotificationManager.error(r.msg, 'Error', 5000, null, null, 'outline')\r\n else context.canCreateException = true\r\n }).catch(e => {\r\n console.log(e)\r\n })\r\n */\r\n },\r\n disabled: () => { return context.state.form && context.state.form.date ? false : true },\r\n renderIf: (ctx) => { return !context.state.idItemSelected && !ctx.state.completed}\r\n },\r\n {\r\n col: 6,\r\n name: \"CodigoPadreFamilia\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Participante(s)\",\r\n rules: 'required',\r\n parent: \"userId\",\r\n opts: {\r\n style: 'float-label',\r\n isMulti: true,\r\n path: () => { return \"me/family?studentId=\" + context.state.form.userId.value + \"&externalId=null\" },\r\n remap: (r) => {\r\n let data = r.data.map(e => {\r\n e.ID = e.id\r\n e.name = e.last + ' ' + e.last2 + ', ' + e.name\r\n return e\r\n })\r\n data.splice(0, 0, {ID: context.state.form.userId.value, name: context.state.form.userId.label})\r\n return {\r\n data: {\r\n Results: data\r\n },\r\n msg: r.msg,\r\n status: r.status\r\n }\r\n },\r\n setOutput: v => v\r\n },\r\n disabled: () => {\r\n let r = true\r\n if ((context.state.form && context.state.form.time) || (context.state.form && context.state.form.completed)) r = false\r\n // if (context.state.form && context.state.form.exception && !context.canCreateException) r = true\r\n return r\r\n },\r\n renderIf: () => { return !context.state.idItemSelected }\r\n },\r\n {\r\n col: 6,\r\n name: \"trackingId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Tipo de cita\",\r\n rules: 'required',\r\n parent: \"userId\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"tracking/bookingoptions?userId=\" + context.state.form.userId.value },\r\n remap: (r) => {\r\n r.data.splice(0, 0, {id: -1, name: 'Normal'})\r\n return {\r\n data: {\r\n Results: r.data.map(e => {\r\n e.ID = e.id\r\n return e\r\n })\r\n },\r\n msg: r.msg,\r\n status: r.status\r\n }\r\n },\r\n },\r\n disabled: () => { return context.state.form && context.state.form.CodigoPadreFamilia ? false : true },\r\n renderIf: () => { return !context.state.idItemSelected }\r\n },\r\n {\r\n col: 6,\r\n name: \"userName\",\r\n type: \"text\",\r\n label: \"Alumno\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true,\r\n renderIf: () => { return context.state.idItemSelected }\r\n },\r\n {\r\n col: 6,\r\n name: \"resourceName\",\r\n type: \"text\",\r\n label: \"Profesor\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true,\r\n renderIf: () => { return context.state.idItemSelected }\r\n },\r\n {\r\n col: 6,\r\n name: \"dtDate\",\r\n type: \"date\",\r\n label: \"Fecha\",\r\n opts: {\r\n style: 'float-label',\r\n dateFormat: 'YYYY/MM/DD HH:mm'\r\n },\r\n disabled: true,\r\n renderIf: () => { return context.state.idItemSelected }\r\n },\r\n {\r\n col: 6,\r\n name: \"status\",\r\n value: 0,\r\n type: \"select\",\r\n label: \"Estado\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: 0,\r\n label: \"Separadas\"\r\n },\r\n {\r\n value: 1,\r\n label: \"Confirmadas\"\r\n },\r\n {\r\n value: 2,\r\n label: \"Completadas\"\r\n },\r\n ]\r\n },\r\n disabled: true,\r\n renderIf: () => { return context.state.idItemSelected }\r\n },\r\n {\r\n col: 12,\r\n name: \"notes\",\r\n type: \"textarea\",\r\n label: \"Motivo\",\r\n rules: 'max:1500',\r\n opts: {\r\n style: 'float-label',\r\n rows: 6\r\n },\r\n // renderIf: () => { return context.state.idItemSelected }\r\n },\r\n {\r\n col: 12,\r\n name: \"notesCompleted\",\r\n type: \"textarea\",\r\n label: \"Acuerdos de cita\",\r\n rules: 'max:1500',\r\n opts: {\r\n style: 'float-label',\r\n rows: 6\r\n }\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"Alumno\",\r\n accessor: \"userName\"\r\n },\r\n {\r\n Header: \"Grado/Sección\",\r\n accessor: \"sectionTag\"\r\n },\r\n {\r\n Header: \"Inicio\",\r\n accessor: \"dtDate\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Fin\",\r\n accessor: \"dtEndDate\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Profesor\",\r\n accessor: \"resourceName\"\r\n },\r\n {\r\n Header: \"Motivo\",\r\n accessor: \"notes\"\r\n },\r\n {\r\n Header: \"Acuerdo de Cita\",\r\n accessor: \"notesCompleted\"\r\n }\r\n ]\r\n }\r\n}","export default (context) => {\r\n const M = \"admLocalization.\"\r\n return {\r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n customPathGet: \"admLocalization/get\",\r\n },\r\n\r\n actions: {\r\n create: {\r\n reloadGrid: true\r\n },\r\n edit: true,\r\n delete: true,\r\n print: false,\r\n export: false,\r\n search: true\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n return v\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"ID\",\r\n rules: \"required|max:32|alpha_num_dash\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}uniqueCodeOfTheText`,\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 12,\r\n name: \"name\",\r\n value: null,\r\n type: \"text\",\r\n rules: \"required|max:100\",\r\n label: `${M}descriptionName`,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"content\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"\"\r\n },\r\n {\r\n col: 12,\r\n name: \"printParams\",\r\n value: \"\",\r\n type: \"textarea\",\r\n label: `${M}advancedParameters`,\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"main.desc\",\r\n accessor: \"desc\"\r\n }\r\n ]\r\n }\r\n}","export default (context) => {\r\n const M = \"admSuperSection.\"\r\n return {\r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n remapRow: (form) => {\r\n form.owner = form.owner.label\r\n return form\r\n }\r\n },\r\n\r\n actions: {\r\n create: { reloadGrid: true },\r\n edit: { reloadGrid: true },\r\n delete: false,\r\n print: false,\r\n export: false,\r\n search: true\r\n },\r\n\r\n extras: {\r\n items: [],\r\n itemsInRowsTable: [\r\n {\r\n icon: 'simple-icon-note',\r\n name: `${M}promoteStudents`,\r\n onClick: (rowData, ctx) => {\r\n context.state.formFlags = { fromSuperSectionId: rowData.ID, fromSuperSectionName: rowData.name }\r\n },\r\n form: {\r\n name: `${M}promoteStudents`,\r\n remapGET: () => {\r\n return { fromSuperSectionId: context.state.formFlags.fromSuperSectionId, fromSuperSectionName: context.state.formFlags.fromSuperSectionName }\r\n },\r\n postUrlF: (ctx) => {\r\n return 'admSuperSection/promote';\r\n },\r\n okMsg: 'Se han promovido los estudiantes!',\r\n fields: [\r\n {\r\n name: \"fromSuperSectionId\",\r\n value: 0,\r\n type: \"hidden\"\r\n },\r\n {\r\n col: 12,\r\n name: \"fromSuperSectionName\",\r\n value: null,\r\n type: \"text\",\r\n label: `${M}promoteFromGrade`,\r\n disabled: true,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"otherPromote\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}promoteToAnotherState`,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n name: \"otherPromoteStatus\",\r\n rules: \"required\",\r\n value: \"\",\r\n col: 12,\r\n type: \"select\",\r\n label: \"main.type\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: \"0\", label: \"Nuevo\" },\r\n { value: \"10\", label: \"Estudiante\" },\r\n { value: \"11\", label: \"Ingresante\" },\r\n { value: \"12\", label: \"Re-ingresante\" },\r\n { value: \"20\", label: \"Graduado\" },\r\n { value: \"21\", label: \"Retirado durante año\" },\r\n { value: \"22\", label: \"Fallecido\" },\r\n { value: \"23\", label: \"Retirado fin de año\" },\r\n { value: \"24\", label: \"Retirado - Otros\" }\r\n ],\r\n isMulti: false\r\n },\r\n renderIf: (ctx) => ctx.state.otherPromote\r\n },\r\n {\r\n col: 6,\r\n name: \"superSectionId\",\r\n rules: \"required\",\r\n value: null,\r\n type: \"select\",\r\n label: `${M}promoteToGrade`,\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n },\r\n renderIf: (ctx) => !ctx.state.otherPromote\r\n },\r\n {\r\n col: 6,\r\n name: \"sectionId\",\r\n rules: \"required\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}promoteToSection`,\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.formFlags.superSectionId }\r\n },\r\n renderIf: (ctx) => {\r\n if (ctx.state.otherPromote) return false;\r\n\r\n context.state.formFlags.superSectionId = ctx.state.superSectionId;\r\n return ctx.state.superSectionId }\r\n },\r\n {\r\n col: 12,\r\n name: \"l1\",\r\n value: (L) => L[`${M}msgBeforePromoting`],\r\n type: \"label\"\r\n },\r\n ],\r\n buttons: [\r\n {\r\n label: `${M}promoteStudents`,\r\n col: 12,\r\n isMain: true,\r\n onClick: (ctx) => { ctx.btnAction('save') }\r\n }\r\n ],\r\n onSuccess: (r) => { },\r\n onError: (e) => { }\r\n }\r\n }\r\n ],\r\n forms: [\r\n {\r\n name: 'main.setting',\r\n getUrl: 'admSuperSection/config',\r\n postUrl: 'admSuperSection/config',\r\n fields: [\r\n {\r\n col: 4,\r\n name: \"hide\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}hideSectionsInApp`,\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"syncToAcadYear\",\r\n value: false,\r\n type: \"select\",\r\n label: \"Aplicar secciones al año\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"admActivity/get/?type=ayr\"}\r\n }\r\n },\r\n ],\r\n buttons: [\r\n {\r\n name: \"\",\r\n label: \"main.apply\",\r\n isMain: true,\r\n onClick: (ctx) => { ctx.btnAction('save') }\r\n }\r\n ],\r\n onSuccess: (r) => { },\r\n onError: (e) => { }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.owner = { value: r.data.owner, label: r.data.ownerName }\r\n r.data.superowner = { value: r.data.superowner, label: r.data.superownerName }\r\n }\r\n return r\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}gradeName`,\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"owner\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}gradeAdvisor`,\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admStaff/get?pick=true\"\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"superowner\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}levelCoordinator`,\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admStaff/get?pick=true\"\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"groupBy\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}groupedBy`,\r\n rules: 'max:20',\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"btn1\",\r\n value: null,\r\n type: \"button\",\r\n label: `${M}subLevels`,\r\n opts: {\r\n style: 'float-label'\r\n },\r\n onClick: (ctx) => {\r\n ctx.toogleSubGrid(0)\r\n },\r\n renderIf: (ctx) => { return context.state.idItemSelected },\r\n }, \r\n ],\r\n subGrids: [\r\n {\r\n name: (ctx) => { return 'Secciones: ' + ctx.state.name },\r\n module: 'admSection',\r\n filterBy: () => { return { parentId: context.state.idItemSelected } }\r\n }\r\n ] \r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"main.desc\",\r\n accessor: \"desc\"\r\n },\r\n {\r\n Header: \"main.students\",\r\n accessor: \"count\"\r\n },\r\n {\r\n Header: `${M}groupedBy`,\r\n accessor: \"groupBy\"\r\n }\r\n ]\r\n }\r\n}","export default (context) => {\r\n return {\r\n config: {\r\n pageSize: 0,\r\n hiddenGrid: true\r\n },\r\n\r\n actions: {\r\n },\r\n\r\n extras:{\r\n forms: [\r\n {\r\n type: 'sideToSide',\r\n configLeft: {\r\n GET: 'admStudent/get/',\r\n POST: 'admSection/moveStudents ',\r\n title: 'Lista Actual',\r\n search: true,\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"active\",\r\n value: 1,\r\n type: \"hidden\",\r\n label: \"\",\r\n },\r\n {\r\n col: 12,\r\n name: \"enrolled\",\r\n value: -1,\r\n type: \"hidden\",\r\n label: \"\",\r\n },\r\n {\r\n col: 12,\r\n name: \"statuses\",\r\n value: \"10|11|12\",\r\n type: \"hidden\",\r\n label: \"\",\r\n },\r\n {\r\n col: 12,\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Grado\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\",\r\n setOutput: v => v\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Sección\",\r\n parent: 'superSectionId',\r\n opts: {\r\n style: 'float-label',\r\n path: (ctx) => { return \"/admSection/get?pick=true&parentId=\" + ctx.state.superSectionId.value },\r\n setOutput: v => v\r\n },\r\n renderIf: (ctx) => { return ctx.state.superSectionId }\r\n },\r\n ],\r\n columns: [\r\n {\r\n Header: \"Alumno\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"Grado / sección\",\r\n accessor: \"sectionTag\"\r\n }\r\n ]\r\n },\r\n configRight: {\r\n GET: 'admStudent/get/',\r\n POST: 'admSection/moveStudents',\r\n title: 'Lista de Nueva Sección',\r\n search: true,\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"active\",\r\n value: 1,\r\n type: \"hidden\",\r\n label: \"\",\r\n },\r\n {\r\n col: 12,\r\n name: \"enrolled\",\r\n value: -1,\r\n type: \"hidden\",\r\n label: \"\",\r\n },\r\n {\r\n col: 12,\r\n name: \"statuses\",\r\n value: \"10|11|12\",\r\n type: \"hidden\",\r\n label: \"\",\r\n },\r\n {\r\n col: 12,\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Grado\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\",\r\n setOutput: v => v\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Sección\",\r\n parent: 'superSectionId',\r\n opts: {\r\n style: 'float-label',\r\n path: (ctx) => { return \"/admSection/get?pick=true&parentId=\" + ctx.state.superSectionId.value },\r\n setOutput: v => v\r\n },\r\n renderIf: (ctx) => { return ctx.state.superSectionId }\r\n },\r\n ],\r\n columns: [\r\n {\r\n Header: \"Alumno\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"Grado / sección\",\r\n accessor: \"sectionTag\"\r\n }\r\n ]\r\n }\r\n }\r\n ]\r\n },\r\n\r\n columns: []\r\n }\r\n}","import _axios from \"../../libs/axios\";\r\nimport { NotificationManager } from \"../../components/common/react-notifications\";\r\nimport moment from \"moment\";\r\nexport default (context) => {\r\n return {\r\n config: {\r\n resource: \"admTracking\",\r\n pageSize: 40,\r\n list: false,\r\n remapRow: (form, data, action) => {\r\n form.grado = form.sectionName.label\r\n form.user = form.userId.label\r\n form.dateFrom = moment(form.dateFrom).format('YYYY-MM-DD HH:mm')\r\n form.masterName = action === \"create\" && context.props.userAdmin.role === '5' ? (context.props.userAdmin.name + ' ' + context.props.userAdmin.last) : form.masterId.label\r\n return form\r\n }\r\n },\r\n \r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n \r\n filter: {\r\n fields: [\r\n {\r\n name: \"periodId\",\r\n value: { value: \"0\", label: \"Actual\" },\r\n type: \"select\",\r\n label: \"Periodo\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admPeriod/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Grado\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Sección\",\r\n parent: \"superSectionId\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.formFilter.superSectionId }\r\n }\r\n },\r\n {\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Alumno\",\r\n rules: 'required',\r\n parent: \"sectionId\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admStudent/get?pick=true§ionId=\" + context.state.formFilter.sectionId }\r\n }\r\n },\r\n {\r\n type: \"daterange\"\r\n },\r\n {\r\n name: \"type\",\r\n value: \"commitment\",\r\n type: \"hidden\",\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n renderIf: (ctx) => { return ctx.state.periodId || ctx.state.superSectionId || ctx.state.userId || ctx.state.from || ctx.state.to },\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.periodId = { value: r.data.periodId, label: r.data.periodName }\r\n r.data.gradeName = { value: r.data.gradeName, label: r.data.gradeName }\r\n r.data.sectionName = { value: r.data.sectionName, label: r.data.sectionName }\r\n r.data.userId = { value: r.data.userId, label: r.data.userName }\r\n r.data.masterId = { value: r.data.masterId, label: r.data.masterName }\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n v.values1.map(e => {\r\n e.selected = true\r\n e.ID = e.value\r\n e.name = e.label\r\n delete e.desc\r\n delete e.id\r\n delete e.img\r\n delete e.value\r\n delete e.label\r\n delete e.consecuencias\r\n return e\r\n })\r\n\r\n v.sectionName = v.sectionName.value\r\n v.userId = v.userId.value\r\n v.masterId = context.state.idItemSelected ? v.masterId.value : (context.props.userAdmin.role === '5' ? context.props.userAdmin.ID : v.masterId.value)\r\n\r\n delete v.flags\r\n delete v.btn1\r\n return v\r\n },\r\n fields: [\r\n {\r\n name: \"type\",\r\n value: \"commitment\",\r\n type: \"hidden\",\r\n },\r\n \r\n {\r\n col: 4,\r\n name: \"periodId\",\r\n value: { value: \"0\", label: \"Actual\" },\r\n type: \"select\",\r\n label: \"Periodo\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admPeriod/get?pick=true\"\r\n },\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 4,\r\n name: \"gradeName\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Grado\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n },\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 4,\r\n name: \"sectionName\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Sección\",\r\n rules: 'required',\r\n parent: 'gradeName',\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.form.gradeName },\r\n setOutput: v => v,\r\n },\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 6,\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Alumno\",\r\n rules: 'required',\r\n parent: 'sectionName',\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admStudent/get?pick=true\" + (context.state.form.sectionName ? \"§ionId=\" + context.state.form.sectionName.value : \"\") },\r\n setOutput: v => v,\r\n },\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 6,\r\n name: \"masterId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Profesor\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admStaff/get?pick=true\" },\r\n setOutput: v => v\r\n },\r\n renderIf: () => { return context.props.userAdmin.role !== '5' }\r\n },\r\n {\r\n col: 6,\r\n name: \"dateFrom\",\r\n value: \"\",\r\n type: \"date\",\r\n label: \"Fecha inicio\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n },\r\n },\r\n {\r\n col: 6,\r\n name: \"dateTo\",\r\n value: \"\",\r\n type: \"date\",\r\n label: \"Fecha fin\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n },\r\n },\r\n {\r\n col: 12,\r\n name: \"values1\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Valor relacionado\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n isMulti: true,\r\n path: () => { return \"general/getlist/trackingValues1\" },\r\n remap: (r) => {\r\n return {\r\n data: {\r\n Results: r.data.map(e => {\r\n e.ID = e.id\r\n return e\r\n })\r\n },\r\n msg: r.msg,\r\n status: r.status\r\n }\r\n },\r\n setOutput: v => v\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-1\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Motivo del acuerdo\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note1\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"Motivo del acuerdo\",\r\n rules: 'required'\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-2\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Compromiso de parte del estudiante\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note2\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"Compromiso de parte del estudiante\",\r\n rules: 'required'\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-3\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Compromiso de parte del docente\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note3\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"Compromiso de parte del docente\",\r\n rules: 'required'\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-4\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Consecuencias Positivas\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note4\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"Consecuencias Positivas\",\r\n rules: 'required'\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-5\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Consecuencias Negativas\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note5\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"Consecuencias Negativas\",\r\n rules: 'required'\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-6\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Comentarios de la revisión del compromiso\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note6\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"Comentarios de la revisión del compromiso\"\r\n }\r\n ]\r\n },\r\n \r\n {\r\n col: 12,\r\n name: \"dueDate\",\r\n value: \"\",\r\n type: \"date\",\r\n label: \"Fecha de Seguimiento\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n },\r\n\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"file1\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"Adjunto 1\",\r\n opts: {\r\n path: ()=> \"admTracking/file\"\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"file2\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"Adjunto 2\",\r\n opts: {\r\n path: ()=> \"admTracking/file\"\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"file3\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"Adjunto 3\",\r\n opts: {\r\n path: ()=> \"admTracking/file\"\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"bookings\",\r\n value: null,\r\n type: \"hidden\",\r\n label: \"\"\r\n },\r\n {\r\n col: 12,\r\n name: \"userName\",\r\n value: \"\",\r\n type: \"hidden\",\r\n label: \"\"\r\n },\r\n {\r\n col: 12,\r\n label: \"Descargar PDF\",\r\n name: \"Descargar PDF\",\r\n value: \"commitment\",\r\n type: \"button\",\r\n onClick: () => {\r\n context.props.setLoader(true)\r\n _axios\r\n .get('admTracking/pdf/' + context.state.idItemSelected)\r\n .then(r => {\r\n if (r.status >= 0) {\r\n window.URL = window.URL || window.webkitURL;\r\n var xhr = new XMLHttpRequest(), a = document.createElement('a'), file;\r\n xhr.open('GET', r.data.url, true);\r\n xhr.responseType = 'blob';\r\n xhr.onload = function () {\r\n file = new Blob([xhr.response], { type : 'application/octet-stream' });\r\n a.href = window.URL.createObjectURL(file);\r\n a.download = r.data.filename; \r\n a.click();\r\n };\r\n xhr.send();\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n context.props.setLoader(false)\r\n }).catch(e => {\r\n context.props.setLoader(false)\r\n })\r\n },\r\n renderIf: () => { return context.state.idItemSelected },\r\n }\r\n ]\r\n },\r\n \r\n columns: [\r\n {\r\n Header: \"ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"Alumno\",\r\n accessor: \"user\"\r\n },\r\n {\r\n Header: \"Grado\",\r\n accessor: \"grado\"\r\n },\r\n {\r\n Header: \"Fecha\",\r\n accessor: \"dateFrom\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Profesor\",\r\n accessor: \"masterName\"\r\n }\r\n ]\r\n }\r\n }","import _axios from \"../../libs/axios\";\r\nimport { NotificationManager } from \"../../components/common/react-notifications\";\r\nimport moment from \"moment\";\r\nexport default (context) => {\r\n return {\r\n\r\n config: {\r\n resource: \"admTracking\",\r\n pageSize: 40,\r\n list: false,\r\n remapRow: (form, data, action) => {\r\n form.grado = form.sectionName.label\r\n form.masterName = action === \"create\" && context.props.userAdmin.role === '5' ? (context.props.userAdmin.name + ' ' + context.props.userAdmin.last) : form.masterId.label\r\n form.user = form.userId.label\r\n form.dateFrom = moment().format('YYYY-MM-DD HH:mm')\r\n return form\r\n }\r\n },\r\n\r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"type\",\r\n value: \"journal\",\r\n type: \"hidden\",\r\n },\r\n {\r\n name: \"periodId\",\r\n value: { value: \"0\", label: \"Actual\" },\r\n type: \"select\",\r\n label: \"Periodo\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admPeriod/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Grado\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Sección\",\r\n parent: \"superSectionId\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.formFilter.superSectionId }\r\n }\r\n },\r\n {\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Alumno\",\r\n rules: 'required',\r\n parent: \"sectionId\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admStudent/get?pick=true§ionId=\" + context.state.formFilter.sectionId }\r\n }\r\n },\r\n {\r\n type: \"daterange\"\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n renderIf: (ctx) => { return ctx.state.periodId || ctx.state.superSectionId || ctx.state.userId || ctx.state.from || ctx.state.to },\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.periodId = { value: r.data.periodId, label: r.data.periodName }\r\n r.data.gradeName = { value: r.data.gradeName, label: r.data.gradeName }\r\n r.data.sectionName = { value: r.data.sectionName, label: r.data.sectionName }\r\n r.data.userId = { value: r.data.userId, label: r.data.userName }\r\n r.data.masterId = { value: r.data.masterId, label: r.data.masterName }\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n v.values1.map(e => {\r\n e.selected = true\r\n e.ID = e.value\r\n e.name = e.label\r\n delete e.desc\r\n delete e.id\r\n delete e.img\r\n delete e.value\r\n delete e.label\r\n return e\r\n })\r\n\r\n v.values2.map(e => {\r\n e.selected = true\r\n e.ID = e.value\r\n e.name = e.label\r\n delete e.desc\r\n delete e.id\r\n delete e.img\r\n delete e.value\r\n delete e.label\r\n return e\r\n })\r\n\r\n v.sectionName = v.sectionName.value\r\n v.userId = v.userId.value\r\n v.masterId = context.state.idItemSelected ? v.masterId.value : (context.props.userAdmin.role === '5' ? context.props.userAdmin.ID : v.masterId.value)\r\n\r\n delete v.flags\r\n delete v.btn1\r\n return v\r\n },\r\n fields: [\r\n {\r\n name: \"type\",\r\n value: \"journal\",\r\n type: \"hidden\",\r\n },\r\n {\r\n col: 4,\r\n name: \"periodId\",\r\n value: { value: \"0\", label: \"Actual\" },\r\n type: \"select\",\r\n label: \"Periodo\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admPeriod/get?pick=true\"\r\n },\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 4,\r\n name: \"gradeName\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Grado\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n },\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 4,\r\n name: \"sectionName\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Sección\",\r\n rules: 'required',\r\n parent: 'gradeName',\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.form.gradeName },\r\n setOutput: v => v,\r\n },\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 6,\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Alumno\",\r\n rules: 'required',\r\n parent: 'sectionName',\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admStudent/get?pick=true\" + (context.state.form.sectionName ? \"§ionId=\" + context.state.form.sectionName.value : \"\") },\r\n setOutput: v => v,\r\n },\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 6,\r\n name: \"masterId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Profesor\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admStaff/get?pick=true\" },\r\n setOutput: v => v\r\n },\r\n renderIf: () => { return context.props.userAdmin.role !== '5' }\r\n },\r\n {\r\n col: 12,\r\n name: \"values1\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Valor relacionado\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n isMulti: true,\r\n path: () => { return \"general/getlist/trackingValues1\" },\r\n remap: (r) => {\r\n return {\r\n data: {\r\n Results: r.data.map(e => {\r\n e.ID = e.id\r\n return e\r\n })\r\n },\r\n msg: r.msg,\r\n status: r.status\r\n }\r\n },\r\n setOutput: v => v\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-1\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Descripción del hecho\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note1\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"Descripción del hecho\",\r\n rules: \"required\"\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"values2\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Accion tomada\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n isMulti: true,\r\n path: () => { return \"general/getlist/trackingValues2\" },\r\n remap: (r) => {\r\n return {\r\n data: {\r\n Results: r.data.map(e => {\r\n e.ID = e.id\r\n return e\r\n })\r\n },\r\n msg: r.msg,\r\n status: r.status\r\n }\r\n },\r\n setOutput: v => v\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-2\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Recomendación\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note3\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"Recomendación\",\r\n rules: \"required\"\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"negative\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Tipo\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {label: 'Felicitación', value: false},\r\n {label: 'Oportunidad de Mejora', value: true}\r\n ]\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"file1\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"Adjunto 1\",\r\n opts: {\r\n path: ()=> \"admTracking/file\"\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"file2\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"Adjunto 2\",\r\n opts: {\r\n path: ()=> \"admTracking/file\"\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"file3\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"Adjunto 3\",\r\n opts: {\r\n path: ()=> \"admTracking/file\"\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"bookings\",\r\n value: null,\r\n type: \"hidden\",\r\n label: \"\"\r\n },\r\n {\r\n col: 12,\r\n name: \"userName\",\r\n value: \"\",\r\n type: \"hidden\",\r\n label: \"\"\r\n },\r\n {\r\n col: 12,\r\n label: \"Descargar PDF\",\r\n name: \"Descargar PDF\",\r\n value: \"commitment\",\r\n type: \"button\",\r\n onClick: () => {\r\n context.props.setLoader(true)\r\n _axios\r\n .get('admTracking/pdf/' + context.state.idItemSelected)\r\n .then(r => {\r\n if (r.status >= 0) {\r\n window.URL = window.URL || window.webkitURL;\r\n var xhr = new XMLHttpRequest(), a = document.createElement('a'), file;\r\n xhr.open('GET', r.data.url, true);\r\n xhr.responseType = 'blob';\r\n xhr.onload = function () {\r\n file = new Blob([xhr.response], { type : 'application/octet-stream' });\r\n a.href = window.URL.createObjectURL(file);\r\n a.download = r.data.filename; \r\n a.click();\r\n };\r\n xhr.send();\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n context.props.setLoader(false)\r\n }).catch(e => {\r\n context.props.setLoader(false)\r\n })\r\n },\r\n renderIf: () => { return context.state.idItemSelected },\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"Alumno\",\r\n accessor: \"user\"\r\n },\r\n {\r\n Header: \"Grado\",\r\n accessor: \"grado\"\r\n },\r\n {\r\n Header: \"Fecha\",\r\n accessor: \"dateFrom\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Profesor\",\r\n accessor: \"masterName\"\r\n }\r\n ]\r\n }\r\n}","export default (context) => {\r\n return {\r\n config: {\r\n hiddenGrid: true\r\n },\r\n \r\n actions: {\r\n create: false,\r\n edit: false,\r\n delete: false,\r\n print: false,\r\n export: false,\r\n search: false\r\n },\r\n \r\n extras: {\r\n items: [],\r\n itemsInRowsTable: [],\r\n forms: [\r\n {\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"dummy\",\r\n value: null,\r\n type: \"button\",\r\n label: \"Tomar asistencia\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n onClick: (ctx) => {\r\n window.open(\"/admin/#/ActivitySession\");\r\n }\r\n }\r\n ],\r\n \r\n getUrl:\"\",\r\n postUrl:\"\",\r\n\r\n onSuccess: (r) => { },\r\n onError: (e) => { },\r\n }\r\n ]\r\n },\r\n \r\n filter: {\r\n fields: [],\r\n buttons: []\r\n },\r\n \r\n form: {\r\n fields: [ ]\r\n },\r\n \r\n columns: []\r\n }\r\n }","export default (context) => {\r\n return {\r\n \r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n remapRow: (form) => {\r\n return form\r\n }\r\n },\r\n \r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n return v\r\n },\r\n fields: [\r\n {\r\n col: 6,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Nombre\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"type\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Tipo\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {value: 0, label: \"Justificación No recibida\"},\r\n {value: 1, label: \"Justificación Recibida\"},\r\n {value: 2, label: \"Justificación Aceptada\"},\r\n {value: -1, label: \"Justificación Rechazada\"}\r\n ]\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"notify\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"Notificar a padres\"\r\n },\r\n {\r\n col: 12,\r\n name: \"notifyDelay\",\r\n value: 0,\r\n type: \"number\",\r\n label: \"Notificar pasados tantos minutos de horario entrada\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: (ctx) => { return ctx.state.notify }\r\n },\r\n {\r\n col: 12,\r\n name: \"showInReports\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"Mostrar en reportes de notas\"\r\n },\r\n ]\r\n },\r\n \r\n columns: [\r\n {\r\n Header: \"ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"Nombre\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"Notificar a padres\",\r\n accessor: \"notify\",\r\n isBool: true\r\n },\r\n {\r\n Header: \"Mostrar en reportes de notas\",\r\n accessor: \"showInReports\",\r\n isBool: true\r\n }\r\n ]\r\n }\r\n }","export default (context) => {\r\n\r\n const items = [\r\n {id: 4, name: 'Notas conducta', module:'admGradesBehavior', onClick: (row, ctx, id) => {\r\n context.setState({selectedReport: id})\r\n }},\r\n {id: 3, name: 'Comentarios del tutor', module:'admGradesBehavior', onClick: (row, ctx, id) => {\r\n context.setState({selectedReport: id})\r\n }}\r\n ]\r\n\r\n const allowedItems = items.filter(f => { return !f.module || context.props.userAdmin.menu.some(s=> s.subs.some(ss=>ss.id === f.module))})\r\n\r\n return {\r\n config: {\r\n isBehavior: true\r\n },\r\n extras: {\r\n items: allowedItems\r\n }\r\n }\r\n}","import moment from \"moment\"\r\n\r\nexport default (context) => {\r\n const M = \"admSection.\"\r\n return {\r\n config: {\r\n hiddenTitle: window.location.href.indexOf('admSuperSection') > -1,\r\n pageSize: 40,\r\n list: false,\r\n remapRow: (form) => {\r\n form.owner = form.owner.label\r\n form.superSectionName = form.parentId.label\r\n return form\r\n }\r\n },\r\n\r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: false,\r\n export: false,\r\n search: true,\r\n import: {\r\n templateFile: \"YearsClassesImport.xlsx\"\r\n }\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n if (r.data.parentId) r.data.parentId = { value: r.data.parentId, label: r.data.parentName }\r\n if (r.data.owner) r.data.owner = { value: r.data.owner, label: r.data.ownerName }\r\n if (r.data.entranceTime) r.data.entranceTime = moment().format('YYYY-MM-DD ') + r.data.entranceTime\r\n if (r.data.leaveTime) r.data.leaveTime = moment().format('YYYY-MM-DD ') + r.data.leaveTime\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n if (v.entranceTime) v.entranceTime = moment(v.entranceTime).format('HH:mm')\r\n if (v.leaveTime) v.leaveTime = moment(v.leaveTime).format('HH:mm')\r\n if (v.parentId) v.parentId = v.parentId.value\r\n if (v.owner) v.owner = v.owner.value\r\n return v\r\n },\r\n fields: [\r\n {\r\n col: 6,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}sectionName`,\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"desc\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.desc\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"color\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.color\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"maxMembers\",\r\n value: \"\",\r\n type: \"number\",\r\n label: `${M}maxMembers`,\r\n rules: 'required|numeric',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"externalId\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.externalId\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"parentId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}parentSectionId`,\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return 'admSuperSection/get' },\r\n setOutput: v => v\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"entranceTime\",\r\n value: \"\",\r\n type: \"time\",\r\n label: `${M}entranceTime`,\r\n opts: {\r\n style: 'float-label',\r\n timeIntervals: 60\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"leaveTime\",\r\n value: \"\",\r\n type: \"time\",\r\n label: `${M}leaveTime`,\r\n opts: {\r\n style: 'float-label',\r\n timeIntervals: 60\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"entranceGate\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}entranceGate`,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"leaveGate\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}leaveGate`,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"owner\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.responsible\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return 'admStaff/get?pick=true' },\r\n withImg: true,\r\n searchOnline: true,\r\n setOutput: v => v\r\n }\r\n },\r\n {\r\n inactive: true,\r\n col:6,\r\n name:\"sync\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}syncWithExternalSystem`\r\n },\r\n /*\r\n {\r\n col: 12,\r\n name: \"file1\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"Firma del tutor\",\r\n opts: {\r\n path: ()=> \"admSection/file\",\r\n accept: '.gif, .jpg, .jpeg, .png'\r\n }\r\n },\r\n */\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"main.color\",\r\n accessor: \"color\"\r\n },\r\n {\r\n Header: \"main.responsible\",\r\n accessor: \"owner\"\r\n },\r\n {\r\n Header: \"main.superSection\",\r\n accessor: \"superSectionName\"\r\n },\r\n {\r\n Header: \"main.externalId\",\r\n accessor: \"externalId\"\r\n },\r\n ]\r\n }\r\n}","import moment from \"moment\"\r\nimport AppLocale from \"../../config/lang\";\r\n\r\nexport default (context) => {\r\n const datestypes = \r\n [\r\n {\r\n value: \"typeAcadYear\",\r\n label: \"admCalendar.typeAcadYear\"\r\n },\r\n {\r\n value: \"typeAcadPeriod\",\r\n label: \"admCalendar.typeAcadPeriod\"\r\n },\r\n {\r\n value: \"typeVacations\",\r\n label: \"admCalendar.typeVacations\"\r\n },\r\n {\r\n value: \"typeHoliday\",\r\n label: \"admCalendar.typeHoliday\"\r\n },\r\n {\r\n value: \"typeSchoolAct\",\r\n label: \"admCalendar.typeSchoolAct\"\r\n },\r\n {\r\n value: \"typeAlteredTiming\",\r\n label: \"admCalendar.typeAlteredTiming\"\r\n },\r\n {\r\n value: \"typeStaffAbsence\",\r\n label: \"admCalendar.typeStaffAbsence\"\r\n },\r\n {\r\n value: \"other\",\r\n label: \"main.other\"\r\n }\r\n ]\r\n\r\n const L = AppLocale['en'].messages\r\n const noClasses = L['admCalendar.noClasses']\r\n const chips = datestypes.reduce((a, v) => ({ ...a, [v.value]: {text: L[v.label], color:'gray'}}), {}) \r\n\r\n\r\n return {\r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n resource: \"admResourceTime\",\r\n remap: (r) => {\r\n r.data.Results.map(e => {\r\n e.from = moment(e.from).format('DD-MM-YYYY')\r\n e.to = moment(e.to).format('DD-MM-YYYY')\r\n return e\r\n })\r\n return r\r\n }\r\n },\r\n\r\n actions: {\r\n create: { reloadGrid: true },\r\n edit: { reloadGrid: true },\r\n delete: true,\r\n print: false,\r\n export: true,\r\n search: true\r\n },\r\n\r\n extras: {\r\n items: [ ],\r\n itemsInRowsTable: [],\r\n forms: []\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n col: 3,\r\n name: \"activityId\",\r\n value: -1,\r\n type: \"select\",\r\n label: \"admCalendar.academicYear\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admActivity/get?type=ayr\" }\r\n }\r\n },\r\n {\r\n col: 2,\r\n name: \"inactive\",\r\n value: false,\r\n type: \"select\",\r\n label: \"Estado:\",\r\n opts: {\r\n style: 'float-label',\r\n items: \r\n [\r\n {\r\n value: false,\r\n label: \"Activo\"\r\n },\r\n {\r\n value: true,\r\n label: \"Inactivo\"\r\n }\r\n ]\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.desc\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"desc\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.category\",\r\n opts: {\r\n style: 'float-label',\r\n items: datestypes,\r\n isClearable: false\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"from\",\r\n value: null,\r\n type: \"date\",\r\n label: \"admCalendar.startDateTime\",\r\n rules: \"required\",\r\n opts: {\r\n style: \"float-label\",\r\n isClearable: true,\r\n dateFormat: \"DD/MM/YYYY\",\r\n selectsStart: true,\r\n startDate: (ctx) => ctx.state.from ? moment(ctx.state.from) : null,\r\n endDate: (ctx) => ctx.state.to ? moment(ctx.state.to) : null\r\n },\r\n },\r\n {\r\n col: 6,\r\n name: \"to\",\r\n value: null,\r\n type: \"date\",\r\n label: \"admCalendar.endDateTime\",\r\n rules: \"required\",\r\n opts: {\r\n style: \"float-label\",\r\n isClearable: true,\r\n dateFormat: \"DD/MM/YYYY\",\r\n selectsEnd: true,\r\n startDate: (ctx) => moment(ctx.state.from),\r\n endDate: (ctx) => moment(ctx.state.to),\r\n minDate: (ctx) => moment(ctx.state.from)\r\n },\r\n renderIf: ctx => ctx.state.from\r\n },\r\n {\r\n col: 6,\r\n name: \"noClasses\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"admCalendar.noClasses\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"inactive\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"main.inactive\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n name: \"onDemand\",\r\n value: false,\r\n type: \"hidden\",\r\n },\r\n {\r\n name: \"blocker\",\r\n value: true,\r\n type: \"hidden\",\r\n },\r\n {\r\n name: \"duration\",\r\n value: 0,\r\n type: \"hidden\",\r\n },\r\n ],\r\n subGrids: [ ] \r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"main.category\",\r\n accessor: \"desc\",\r\n type: 'chip',\r\n chips: chips\r\n },\r\n {\r\n Header: \"admCalendar.startDateTime\",\r\n accessor: \"from\"\r\n },\r\n {\r\n Header: \"admCalendar.endDateTime\",\r\n accessor: \"to\"\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"noClasses\",\r\n type: 'chip',\r\n chips: {\r\n true: {text: noClasses, color:'lightgreen'},\r\n false: {text:'', color:undefined}\r\n }\r\n }\r\n ]\r\n }\r\n}","import moment from \"moment\"\r\n// import _axios from \"../../libs/axios\"\r\n// import { NotificationManager } from \"../../components/common/react-notifications\"\r\n\r\nexport default (context) => {\r\n const M = \"admInfirmary.\"\r\n return {\r\n config: {\r\n pageSize: 40,\r\n list: false\r\n },\r\n\r\n actions: {\r\n create: {\r\n reloadGrid: true\r\n },\r\n edit: true,\r\n delete: true,\r\n print: false,\r\n export: true,\r\n search: true\r\n },\r\n\r\n extras: {\r\n /*items: [\r\n {id: 0, icon: 'simple-icon-refresh', name: 'Sincronizar con ISAMS', onClick: () => { \r\n context.props.setLoader(true)\r\n _axios\r\n .post(`/admInfirmary/sync`)\r\n .then(r => {\r\n context.props.setLoader(false)\r\n if (r.status >= 0) {\r\n console.log(r)\r\n }\r\n if (r.msg) NotificationManager[r.status >= 0 ? \"success\" : \"error\"](r.msg, \"\", 5000, null, null, 'outline')\r\n }).catch(e => context.props.setLoader(false))\r\n }}\r\n ],\r\n maxItems: 1,\r\n maxActions: 1,\r\n */\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"main.grade\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.section\",\r\n parent: \"superSectionId\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.formFilter.superSectionId }\r\n }\r\n },\r\n {\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.student\",\r\n rules: 'required',\r\n parent: \"sectionId\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admStudent/get?pick=true§ionId=\" + context.state.formFilter.sectionId }\r\n }\r\n },\r\n {\r\n type: \"daterange\",\r\n range: {\r\n value: 0\r\n }\r\n },\r\n /* {\r\n name: \"syncStatus\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Estado sincronización\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: null,\r\n label: \"Todos\"\r\n },\r\n {\r\n value: 0,\r\n label: \"Pendientes\"\r\n },\r\n {\r\n value: 1,\r\n label: \"Sincronizados\"\r\n },\r\n {\r\n value: -1,\r\n label: \"Con error\"\r\n },\r\n ]\r\n }\r\n }*/\r\n ],\r\n buttons: [\r\n {\r\n name: \"btnFilter\",\r\n label: \"main.applyFilter\",\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n setValuesBeforePost: (values) => {\r\n delete values.createdDate\r\n delete values.updatedDate\r\n delete values.staffIds\r\n values.prescription = \"-\"\r\n values.name = values.symptomId.label\r\n values.symptomId = values.symptomId.value\r\n values.timeIn = (context.state.idItemSelected ? moment(values.timeIn).format('YYYY-MM-DD ') : moment().format('YYYY-MM-DD ')) + values.timeInTxt\r\n values.timeOut = (context.state.idItemSelected ? moment(values.timeOut).format('YYYY-MM-DD ') : moment().format('YYYY-MM-DD ')) + values.timeOutTxt\r\n return values\r\n },\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.userId = {value: r.data.userId, label: r.data.patient}\r\n r.data.symptomId = {value: r.data.symptomId, label: r.data.symptomName}\r\n r.data.outcomeId = {value: r.data.outcomeId, label: r.data.outcomeName}\r\n r.data.timeInTxt = moment(r.data.timeIn).format('HH:mm')\r\n r.data.timeOutTxt = moment(r.data.timeOut).format('HH:mm')\r\n }\r\n return r\r\n },\r\n fields: [\r\n {\r\n col: 3,\r\n name: \"superSectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.grade\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n },\r\n renderIf: (ctx) => { return !context.state.idItemSelected }\r\n },\r\n {\r\n col: 3,\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.section\",\r\n parent: \"superSectionId\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.form.superSectionId }\r\n },\r\n renderIf: (ctx) => { return !context.state.idItemSelected }\r\n },\r\n {\r\n col: 6,\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.patient\",\r\n rules: 'required',\r\n parent: \"sectionId\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admStudent/get?pick=true\" + (context.state.form?.sectionId ? (\"§ionId=\" + context.state.form?.sectionId) : \"\") }\r\n }\r\n },\r\n {\r\n name: \"timeIn\",\r\n value: \"\",\r\n type: \"hidden\",\r\n },\r\n {\r\n name: \"timeOut\",\r\n value: \"\",\r\n type: \"hidden\",\r\n },\r\n {\r\n col: 3,\r\n name: \"timeInTxt\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}entryTime`,\r\n rules: ['required', {regex:'^([01]?[0-9]|2[0-3]):[0-5][0-9]$'}],\r\n placeholder: \"00:00\",\r\n opts: {\r\n style: 'float-label',\r\n default: () => moment().format('HH:mm'),\r\n }\r\n },\r\n {\r\n col: 3,\r\n name: \"timeOutTxt\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}exitTime`,\r\n rules: ['required', {regex:'^([01]?[0-9]|2[0-3]):[0-5][0-9]$'}],\r\n placeholder: \"00:00\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n /*\r\n {\r\n col: 6,\r\n name: \"name\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Incidente\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n */\r\n {\r\n col: 6,\r\n name: \"symptomId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.symptom\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: () => { return \"/admInfirmaryValues/get?type=SYM\" },\r\n setOutput: v => v\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"desc\",\r\n value: null,\r\n type: \"textarea\",\r\n label: \"main.desc\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"arrivedFrom\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}cameFrom`,\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {value: \"Casa\", label: \"Casa\"},\r\n {value: \"Clase\", label: \"Clase\"}\r\n ]\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"outcomeId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}departedTo`,\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admInfirmaryValues/get?type=OUT\" }\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"departedTo\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}transportMedium`,\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {value: \"Pie\", label: \"Pie\"},\r\n {value: \"Silla de ruedas\", label: \"Silla de ruedas\"},\r\n {value: \"Ambulancia\", label: \"Ambulancia\"}\r\n ]\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"createdDate\",\r\n value: null,\r\n type: \"datetime\",\r\n label: `${M}incidentDate`,\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true,\r\n renderIf: (ctx) => { return context.state.idItemSelected }\r\n },\r\n {\r\n col: 4,\r\n name: \"updatedDate\",\r\n value: null,\r\n type: \"datetime\",\r\n label: \"main.lastModification\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true,\r\n renderIf: (ctx) => { return context.state.idItemSelected }\r\n },\r\n {\r\n col: 4,\r\n name: \"staffName\",\r\n value: null,\r\n type: \"text\",\r\n label: `${M}medicalStaff`,\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true,\r\n renderIf: (ctx) => { return context.state.idItemSelected }\r\n },\r\n /*\r\n {\r\n col: 8,\r\n name: \"prescription\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Prescripción\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n */\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"photo1\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"main.attachment\",\r\n isDoc: false,\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"admInfirmary/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n output: true\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"photo2\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"main.attachment\",\r\n isDoc: false,\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"admInfirmary/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n output: true\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"photo3\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"main.attachment\",\r\n isDoc: false,\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"admInfirmary/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n output: true\r\n }\r\n },\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: `main.gradeAndSection`,\r\n accessor: \"sectionTag\",\r\n },\r\n {\r\n Header: \"main.patient\",\r\n accessor: \"patient\",\r\n },\r\n {\r\n Header: \"main.symptom\",\r\n accessor: \"symptomName\",\r\n },\r\n {\r\n Header: \"main.outcome\",\r\n accessor: \"outcomeName\",\r\n },\r\n {\r\n Header: \"main.date\",\r\n accessor: \"updatedDate\",\r\n isDate: true\r\n },\r\n /*{\r\n Header: \"ISAMS\",\r\n accessor: \"syncStatus\",\r\n type: 'chip',\r\n chips: {\r\n '-1': {text:'Error',color:'red'},\r\n '0': {text:'Pending',color:'orange'},\r\n '1': {text:'Synced',color:'green'}\r\n }\r\n }*/\r\n ]\r\n }\r\n}","import { NotificationManager } from \"../../components/common/react-notifications\";\r\nimport { findModuleInMenu } from '../../helpers/Utils';\r\n\r\nexport default (context) => {\r\n const M = \"admPublication.\"\r\n const onCreateSuccess = (r) => {\r\n context.setState({showFormCustom: false, btnCancel: \"main.close\"}, () => {\r\n context.getDataById(r.data)\r\n })\r\n }\r\n const onGetDataById = () => {\r\n if (context.state.btnCancel === \"main.close\") {\r\n NotificationManager.success('Successful registration', '', 5000, null, null, 'outline')\r\n context.setState({showFormCustom: true}, () => {\r\n setTimeout(() => {\r\n const detailGrid = document.getElementById(\"detailGrid\")\r\n if (detailGrid) detailGrid.scrollIntoView({ behavior: \"smooth\" })\r\n }, 500)\r\n })\r\n }\r\n }\r\n const admPublicationPart = findModuleInMenu(context.props.menuItems, \"id\", \"admPublicationPart\")\r\n\r\n return {\r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n enableContexMenu: true,\r\n remapRow: (form) => {\r\n return form\r\n }\r\n },\r\n\r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"type\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}publicationType`,\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {value: \"pub\", label: `${M}postWeeklyBulletin`},\r\n {value: \"pho\", label: `${M}media`},\r\n {value: \"\", label: \"main.all\"}\r\n ]\r\n }\r\n },\r\n {\r\n name: \"toDateType\",\r\n value: 0,\r\n type: \"select\",\r\n label: \"main.status\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {value: 0, label: `${M}publishedVisibleUntil`},\r\n {value: 1, label: `${M}unpublishedUntil`},\r\n {value: 2, label: \"main.all\"}\r\n ]\r\n }\r\n },\r\n {\r\n name: \"toDate\",\r\n value: null,\r\n type: \"date\",\r\n label: \"main.date\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'main.applyFilter',\r\n renderIf: (ctx) => { return ctx.state.toDateType || ctx.state.toDate },\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.categoryId = { value: r.data.categoryId, label: r.data.categoryName }\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n if (v.superSections) {\r\n v.superSections = v.superSections.map(e => {\r\n e = { ID: e.value, name: e.label, selected: true }\r\n return e\r\n })\r\n }\r\n if (v.sections) {\r\n v.sections = v.sections.map(e => {\r\n e = { ID: e.value, name: e.label, selected: true }\r\n return e\r\n })\r\n }\r\n delete v.selectedField\r\n return v\r\n },\r\n onCreateSuccess: admPublicationPart ? onCreateSuccess : null,\r\n onGetDataById: admPublicationPart ? onGetDataById : null,\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"ID\",\r\n value: null,\r\n type: \"hide\"\r\n },\r\n {\r\n col: 6,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.title\",\r\n rules: \"required|max:150\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"categoryId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.category\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admCategory/get?type=pub,pho\"}\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"label1\",\r\n value: \"main.coverImage\",\r\n type: \"label\",\r\n opts: {\r\n wrapperClassName: \"mb-1\"\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"img1\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n isDoc: false,\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"/admPublication/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n output: true\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"img2\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n isDoc: false,\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"/admPublication/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n output: true\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"img3\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n isDoc: false,\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"/admPublication/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n output: true\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"desc\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}shortComment`,\r\n rules: \"required|max:150\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"body\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: `${M}longComment`,\r\n /*\r\n aiAssist: {\r\n action: 'write',\r\n requiredFields: [\"name\", \"desc\"],\r\n postUrl: \"admPublication/AiAssist\"\r\n },\r\n */\r\n renderIf: ctx => ctx.state.type !== \"pho\"\r\n },\r\n {\r\n col: 12,\r\n name: \"published\",\r\n value: true,\r\n type: \"switch\",\r\n label: `${M}publishedVisible`,\r\n },\r\n {\r\n type: \"daterange\",\r\n isFormCrud: true,\r\n range: {\r\n col: 4,\r\n renderIf: (ctx) => ctx.state.published,\r\n label: \"\"\r\n },\r\n from: {\r\n col: 4,\r\n name: \"publishFrom\",\r\n value: \"\",\r\n type: \"date\",\r\n label: `${M}visibleFrom`,\r\n rules: \"required\"\r\n },\r\n to: {\r\n col: 4,\r\n name: \"publishTo\",\r\n value: \"\",\r\n type: \"date\",\r\n label: `${M}visibleUntil`,\r\n rules: \"required\"\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"superSections\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}visibleForGrades`,\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\",\r\n isMulti: true,\r\n setOutput: v => v\r\n },\r\n renderIf: (ctx) => ctx.state.published\r\n },\r\n {\r\n col: 6,\r\n name: \"sections\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}visibleForClasses`,\r\n parent: 'superSections',\r\n opts: {\r\n style: 'float-label',\r\n path: () => `/admSection/get?pick=true&parentId=${((context.state.form.superSections && context.state.form.superSections.length > 0) ? context.state.form.superSections[0].value : null)}`,\r\n isMulti: true,\r\n setOutput: v => v\r\n },\r\n renderIf: (ctx) => { return (ctx.state.published && ctx.state.superSections?.length === 1) || (ctx.state.published && ctx.state.sections?.length >= 1)}\r\n },\r\n {\r\n col: 12,\r\n name: \"empty1\",\r\n type: \"separator\",\r\n },\r\n {\r\n col: 12,\r\n name: \"tab1\",\r\n value: false,\r\n type: \"collapsible\",\r\n placeholder: `${M}enterSecondaryLanguage`,\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"nameEN\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.desc\",\r\n aiAssist: {\r\n action: 'translate',\r\n requiredFields: [\"name\", \"desc\"],\r\n postUrl: \"admPublication/AiAssist\"\r\n },\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"descEN\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}shortComment`,\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"bodyEN\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: `${M}longComment`,\r\n renderIf: ctx => ctx.state.type !== \"pho\"\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"tab2\",\r\n value: false,\r\n type: \"collapsible\",\r\n placeholder: 'main.seeMoreOptions',\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"by\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.author\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"pinTop\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}importantPin`,\r\n },\r\n {\r\n col: 12,\r\n name: \"labelSpacer\",\r\n value: L => `${L[`${M}whoCanSee`]}
`,\r\n type: \"label\",\r\n },\r\n {\r\n col: 4,\r\n name: \"accessPrincipal\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}parentsGuardians`,\r\n },\r\n {\r\n col: 4,\r\n name: \"accessDependant\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"main.students\"\r\n },\r\n {\r\n col: 4,\r\n name: \"accessMaster\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}staffTeachers`,\r\n }\r\n ]\r\n }\r\n ],\r\n detailGrid: admPublicationPart ? () => {\r\n return {\r\n module: 'admPublicationPart',\r\n parentIdField: \"ID\",\r\n renderIf: () => context.state.form && context.state.form.ID\r\n }\r\n } : null\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: `${M}publishedVisible`,\r\n accessor: \"published\",\r\n isBool: true\r\n },\r\n {\r\n Header: `${M}visibleFrom`,\r\n accessor: \"publishFrom\",\r\n isDate: true\r\n },\r\n {\r\n Header: `${M}visibleUntil`,\r\n accessor: \"publishTo\",\r\n isDate: true\r\n },\r\n {\r\n Header: `${M}importantPin`,\r\n accessor: \"pinTop\",\r\n isBool: true\r\n }\r\n ]\r\n }\r\n}","export default (context) => {\r\n const M = \"admPublication.\"\r\n return {\r\n config: {\r\n resource: \"admPublication\",\r\n pageSize: 40,\r\n list: false,\r\n remapRow: (form) => {\r\n return form\r\n }\r\n },\r\n\r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.categoryId = { value: r.data.categoryId, label: r.data.categoryName }\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n return v\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"tab1\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: `${M}firstLanguage`,\r\n placeholder: `${M}enterFirstLanguage`,\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.title\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"desc\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.desc\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"body\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: `${M}longComment`,\r\n rules: \"required\"\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"tab2\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: `${M}secondaryLanguage`,\r\n placeholder: `${M}enterSecondaryLanguage`,\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"nameEN\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.title\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"descEN\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.desc\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"bodyEN\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: `${M}longComment`,\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"by\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.author\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"imgUrl\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"main.coverImage\",\r\n isDoc: false,\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"/admPublication/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n output: true\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"superSections\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}visibleForSections`,\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\",\r\n isMulti: true,\r\n setOutput: v => v\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"sections\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}visibleToSubsections`,\r\n parent: 'superSections',\r\n opts: {\r\n style: 'float-label',\r\n path: () => `/admSection/get?pick=true&parentId=${context.state.form.superSections[0].value}`,\r\n isMulti: true,\r\n setOutput: v => v\r\n },\r\n renderIf: ctx => ctx.state.superSections && ctx.state.superSections.length === 1\r\n },\r\n {\r\n col: 4,\r\n name: \"categoryId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.category\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: () => \"/admCategory/get?type=pub\"\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"empty1\",\r\n type: \"separator\",\r\n },\r\n {\r\n col: 4,\r\n name: \"pinTop\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}importantPin`\r\n },\r\n {\r\n col: 12,\r\n name: \"labelSpacer\",\r\n value: L => `${L[`${M}whoCanSee`]}
`,\r\n type: \"label\"\r\n },\r\n {\r\n col: 4,\r\n name: \"accessPrincipal\",\r\n value: true,\r\n type: \"switch\",\r\n label: `${M}mainUsers`\r\n },\r\n {\r\n col: 4,\r\n name: \"accessDependant\",\r\n value: true,\r\n type: \"switch\",\r\n label: `${M}dependentUsers`\r\n },\r\n {\r\n col: 4,\r\n name: \"accessMaster\",\r\n value: true,\r\n type: \"switch\",\r\n label: `${M}staffTeachers`\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"main.desc\",\r\n accessor: \"desc\"\r\n },\r\n {\r\n Header: `${M}published`,\r\n accessor: \"pinTop\",\r\n isBool: true\r\n }\r\n ]\r\n }\r\n}","import React from \"react\"\r\nimport { Card, CardBody, FormGroup, Badge, Button } from \"reactstrap\"\r\nimport Field from \"../../components/utils/Field\"\r\nimport CircularProgressbar from \"react-circular-progressbar\";\r\nimport _axios from \"../../libs/axios\";\r\nimport _moment from \"../../libs/moment\";\r\nimport { NotificationManager } from \"../../components/common/react-notifications\";\r\nimport { isAndroidOrIos } from \"../../helpers/Utils\";\r\nimport CustomPreviewWhatsApp from \"../../components/utils/CustomPreviewWhatsApp\";\r\n\r\nexport default (context) => {\r\n const M = \"admFetch.\"\r\n const baseUrl = `https://${window.tenant.alias}.fetchbird.io/`\r\n const baseUrl2 = `https://wa.me/97145300045?text=${window.tenant.alias}-`\r\n let ctxForm = null\r\n let ctxSubFormDetailGrid = null\r\n const onCreateSuccess = (r) => {\r\n context.props.setLoader(false)\r\n if (context.state.form.flags.currentStepId === \"step-2\") {\r\n const fetchId = r.data\r\n context.setState({fetchId: fetchId})\r\n context.getDataById(fetchId, false)\r\n } else if (context.state.form.flags.currentStepId === \"step-5\") {\r\n context.getDataById(context.state.fetchId, false)\r\n }\r\n }\r\n const onEditSuccess = (r) => {\r\n context.props.setLoader(false)\r\n }\r\n const changeTemplate = (ctx) => {\r\n context.props.setLoader(true)\r\n _axios\r\n .get(`admLocalization/get/${ctx.state.doWATemplate.value}?objectType=fetch&objectId=${context.state.idItemSelected || context.state.fetchId}`)\r\n .then(r => {\r\n context.props.setLoader(false)\r\n if (r.status >= 0) {\r\n const fields = []\r\n const template = r.data\r\n template.tagsContent.forEach((t, i) => {\r\n if (t.id === \"fetch.title\") ctx.setState({[t.id]: ctx.state.name})\r\n else if (t.id === \"fetch.desc\") ctx.setState({[t.id]: ctx.state.desc})\r\n else if (t.id === \"header.image\") ctx.setState({[t.id]: ctx.state.artUrl})\r\n else if (ctx.state.placeholders?.length > 0) { ctx.setState({[t.id]: ctx.state.placeholders[i]?.name ?? t.defValue }) }\r\n else ctx.setState({[t.id]: t.defValue ?? \"\"})\r\n if (t.id === \"header.image\") {\r\n fields.push(\r\n {\r\n col: 12,\r\n name: t.id,\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"\",\r\n isDoc: false,\r\n rules: 'ext:jpeg,jpg,png',\r\n placeholder: \"main.selectFile\",\r\n opts: {\r\n path: ()=> \"/admFetch/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n url: ctx.state.artUrl\r\n }\r\n }\r\n )\r\n } else {\r\n fields.push(\r\n {\r\n col: 6,\r\n name: t.id,\r\n value: \"\",\r\n type: t.hidden || ([\"fetch.title\", \"fetch.desc\"].indexOf(t.id) > -1) ? \"hidden\" : \"text\",\r\n label: (L) => {\r\n let label = t.id.split(\".\")\r\n label = label.pop()\r\n return L[`${M}${label}`] || L[`main.${label}`] || t.id\r\n },\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: t.readonly\r\n }\r\n )\r\n }\r\n })\r\n \r\n ctx.setState({ selectedTemplate: r.data }, () => {\r\n const formFields = context.state.formFields\r\n let wizard = formFields.find(f => f.name === \"wizard\")\r\n wizard.steps[1].fields.find(f => f.name === \"placeholders\").childs = fields\r\n formFields[0] = wizard\r\n context.setState({formFields: formFields})\r\n })\r\n } else NotificationManager.error(r.msg, \"Opps\", 5000, null, null, 'outline')\r\n }).catch(e => context.props.setLoader(false))\r\n }\r\n const summary = (props) => {\r\n const {L, form} = props\r\n // const form = context.state.form\r\n\r\n const accessibility = () => {\r\n const values = {\r\n '0': `${L[`${M}toSpecificNumbers`]}`,\r\n '1': `${L[`${M}toSpecificGroups`]}`,\r\n '2': `${L[`${M}open`]}`\r\n }\r\n return values[form.recipientType] || \"\"\r\n }\r\n\r\n const percentage = () => {\r\n let p = 0\r\n if (form.countSent > 0 && form.countTarget > 0) p = form.countSent / form.countTarget\r\n return p\r\n }\r\n\r\n const statusName = () => {\r\n const values = {\r\n 0: `${L[`${M}noSent`]}`,\r\n 1: `${L[`${M}fetchesScheduled`]}`.replace(\"{0}\", form.countTarget),\r\n 2: `${L[`${M}sending`]}`,\r\n 3: `${L[`${M}sent`]}`,\r\n '-1': `${L[`${M}sent`]}`\r\n }\r\n return values[form.sendStatus] || \"\"\r\n }\r\n\r\n const statusDetail = () => {\r\n let date = \"\"\r\n if (form.forDate) date = _moment(form.forDate).format(\"DD MMM YYYY H:mma\")\r\n const values = {\r\n 0: `${L[`${M}manualSendPending`]}`,\r\n 1: `${L[`${M}willSendOn`]} ${date}`,\r\n 2: `${L[`${M}startedAt`]} ${date}`,\r\n 3: `${L[`${M}finishedAt`]} ${date}`,\r\n '-1': `${L[`${M}finishedAt`]} ${date}`\r\n }\r\n return values[form.sendStatus] || \"\"\r\n }\r\n\r\n const btnName = () => {\r\n const values = {\r\n 0: `${L[`${M}sendNow`]}`,\r\n 3: `${L[`${M}seeResults`]}`,\r\n '-1': `${L[`${M}seeErrors`]}`\r\n }\r\n return values[form.sendStatus] || \"\"\r\n }\r\n\r\n return (\r\n \r\n {form &&\r\n \r\n \r\n \r\n \r\n \r\n {statusName()}
\r\n {statusDetail()}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {[0, 3, -1].indexOf(form.sendStatus) > -1 && }\r\n \r\n \r\n \r\n {form.name}
\r\n {form.type}
\r\n {form.countTarget}
\r\n {form.numberOfInputs}
\r\n {accessibility()}
\r\n {form.tags.map((item, i) => {item} )}
\r\n \r\n {[1].indexOf(form.sendStatus) > -1\r\n ? \"No\"\r\n : \r\n {\r\n navigator.clipboard.writeText(`${baseUrl}${form.url}`)\r\n NotificationManager['success'](`${L[`${M}urlCopied`]}`, \"\", 5000, null, null, 'outline')\r\n }\r\n },\r\n {\r\n outline: true,\r\n icon: \"simple-icon-share\",\r\n onClick: () => {\r\n window.navigator.share({title: form.name, text: form.desc, url: `${baseUrl}${form.url}`})\r\n NotificationManager['success'](`${L[`${M}urlShared`]}`, \"\", 5000, null, null, 'outline')\r\n },\r\n renderIf: () => isAndroidOrIos()\r\n }\r\n ]\r\n }\r\n }}}\r\n disabled={true}\r\n />\r\n {\r\n navigator.clipboard.writeText(`${form.url2}`)\r\n NotificationManager['success'](`${L[`${M}urlCopied`]}`, \"\", 5000, null, null, 'outline')\r\n }\r\n },\r\n {\r\n outline: true,\r\n icon: \"simple-icon-share\",\r\n onClick: () => {\r\n window.navigator.share({title: form.name, text: form.desc, url: `${form.url2}`})\r\n NotificationManager['success'](`${L[`${M}urlShared`]}`, \"\", 5000, null, null, 'outline')\r\n },\r\n renderIf: () => isAndroidOrIos()\r\n }\r\n ]\r\n }\r\n }}}\r\n disabled={true}\r\n />\r\n \r\n }\r\n \r\n \r\n \r\n }\r\n \r\n ) \r\n }\r\n\r\n return {\r\n config: {\r\n pageSize: 40,\r\n modal: {\r\n size: \"lg\"\r\n }\r\n },\r\n\r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n col: 3,\r\n name: \"status\",\r\n value: 0,\r\n type: \"select\",\r\n label: \"main.status\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: -1,\r\n label: \"main.all\"\r\n },\r\n {\r\n value: 0,\r\n label: `${M}draft`\r\n },\r\n {\r\n value: 1,\r\n label: `${M}noSent`\r\n },\r\n {\r\n value: 2,\r\n label: `${M}sending`\r\n },\r\n {\r\n value: 3,\r\n label: `${M}sent`\r\n },\r\n {\r\n value: 5,\r\n label: `${M}paused`\r\n },\r\n {\r\n value: -1,\r\n label: `${M}seeErrors`\r\n }\r\n ]\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n renderIf: (ctx) => true,\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n const { recipientType, triggerType, groupId, groupName, doWATemplate, doWATemplateName, tags } = r.data\r\n const tagsArray = tags ? tags.split(\",\") : []\r\n const name = tagsArray[0] ?? \"\"\r\n \r\n r.data = {\r\n ...r.data,\r\n recipientType: recipientType.toString(),\r\n selectedRecipientType: recipientType.toString(),\r\n triggerType: triggerType.toString(),\r\n scheduled: r.data.activeFrom != null,\r\n selectedTriggerType: triggerType.toString(),\r\n groupId: groupId ? { value: groupId, label: groupName } : \"\",\r\n doWATemplate: doWATemplate ? { value: doWATemplate, label: doWATemplateName } : doWATemplate,\r\n tags: tagsArray,\r\n url: name,\r\n url2: name ? `${baseUrl2}${name}` : \"\"\r\n }\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n if (!context.state.idItemSelected) v.templateId = v.select1 ?? v.select2 ?? v.select3 ?? v.select4 ?? 0\r\n v.tags = v.tags.toString()\r\n v.recipientType = +v.recipientType || 0\r\n v.maxCollections = +v.maxCollections || 0\r\n v.groupId = v.groupId?.value ?? v.groupId\r\n v.triggerType = v.triggerType === \"true\"\r\n v.doWATemplate = v.doWATemplate?.value\r\n if (!v.scheduled) {\r\n v.activeFrom = null\r\n v.activeTo = null\r\n }\r\n v.step= (() => {\r\n const wizard = context.view?.form?.fields.find(f => f.type === \"wizard\")\r\n if (wizard) return wizard.steps.find(s => s.id === v.flags.currentStepId).name\r\n })()\r\n const tagsContent = v.selectedTemplate?.tagsContent\r\n let placeholders = []\r\n if (v.selectedTemplate?.tagsContent) {\r\n tagsContent.forEach(t => {\r\n placeholders.push({ID: t.id, name: v[t.id] || \"\"})\r\n })\r\n v.placeholders = placeholders\r\n }\r\n\r\n delete v.select1\r\n delete v.select2\r\n delete v.select3\r\n delete v.select4\r\n delete v.flags\r\n delete v.selectedField\r\n delete v.selectedTemplate\r\n delete v.inputs\r\n return v\r\n },\r\n onCreateSuccess: onCreateSuccess,\r\n onEditSuccess: onEditSuccess,\r\n afterCloseModal: () => {\r\n context.setState({fetchId: null})\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"wizard\",\r\n value: \"step-1\",\r\n type: \"wizard\",\r\n saveByStep: true,\r\n onChange: (stepId) => {\r\n context.setState({\r\n hideBtnSave: stepId === \"step-5\",\r\n btnCancel: stepId === \"step-5\" ? \"main.close\" : \"main.cancel\"\r\n })\r\n },\r\n steps: [\r\n {\r\n id: \"step-1\",\r\n name: `${M}whatToCollect`,\r\n desc: `${M}whatToCollectDesc`,\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"label1\",\r\n value: L => `${L[`${M}whatToCollect`]}
${L[`${M}whatToCollectDesc`]}`,\r\n type: \"label\"\r\n },\r\n {\r\n col: 12,\r\n name: \"selectedType\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"\",\r\n rules: \"required\",\r\n rulesMessages: {messages: {required: 'Select a type'}},\r\n opts: {\r\n inputWrapperClassName: \"d-none\"\r\n }\r\n },\r\n {\r\n name: \"templateId\",\r\n type: \"hidden\"\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label: `${M}data`,\r\n opts: {\r\n value: \"data\",\r\n desc: `${M}descData`\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type})\r\n },\r\n {\r\n col: 6,\r\n offset: 6,\r\n name: \"select1\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.category\",\r\n parent: \"type\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: () => `admFetch/get?pick=true&filterBy=template&type=${context.state?.form?.type}`\r\n },\r\n disabled: () => context.state.form?.type !== \"data\"\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label: `${M}survey`,\r\n opts: {\r\n value: \"survey\",\r\n desc: `${M}descSurvey`\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type})\r\n },\r\n {\r\n col: 6,\r\n offset: 6,\r\n name: \"select2\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.category\",\r\n parent: \"type\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: () => `admFetch/get?pick=true&filterBy=template&type=${context.state?.form?.type}`\r\n },\r\n disabled: () => context.state.form?.type !== \"survey\"\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label: `${M}document`,\r\n opts: {\r\n value: \"document\",\r\n desc: `${M}descDocument`,\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type})\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label: `${M}signatureOrPDF`,\r\n opts: {\r\n value: \"signature\",\r\n desc: `${M}descSignatureOrPDF`\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type})\r\n },\r\n {\r\n col: 6,\r\n offset: 6,\r\n name: \"select3\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.category\",\r\n parent: \"type\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: () => `admFetch/get?pick=true&filterBy=template&type=${context.state?.form?.type}`\r\n },\r\n disabled: () => context.state.form?.type !== \"signature\"\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label: `${M}locationInfo`,\r\n opts: {\r\n value: \"location\",\r\n desc: `${M}descLocationInfo`,\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type})\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label: `${M}identityVerification`,\r\n opts: {\r\n value: \"kyc\",\r\n desc: `${M}descIdentityVerification`\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type})\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label: `${M}moreFetches`,\r\n opts: {\r\n value: \"more\",\r\n desc: `${M}descMoreFetches`\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type})\r\n },\r\n {\r\n col: 6,\r\n offset: 6,\r\n name: \"select4\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.category\",\r\n parent: \"type\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: () => `admFetch/get?pick=true&filterBy=template&type=${context.state?.form?.type}`\r\n },\r\n disabled: () => context.state.form?.type !== \"more\"\r\n }\r\n ],\r\n renderIf: () => !context.state.idItemSelected\r\n },\r\n {\r\n id: \"step-2\",\r\n name: `${M}properties`,\r\n desc: `${M}propertiesDesc`,\r\n method: () => `/admFetch/edit/${context.state.fetchId}`,\r\n // handleNextStep: () => {},\r\n fields: [\r\n {\r\n name: \"artUrl\",\r\n type: \"hidden\"\r\n },\r\n {\r\n col: 12,\r\n name: \"label2\",\r\n value: L => `${L[`${M}properties`]}
${L[`${M}propertiesDesc`]}`,\r\n type: \"label\"\r\n },\r\n {\r\n col: 6,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}fetchName`,\r\n placeholder: `${M}exampleFetchName`,\r\n rules: \"required|max:50\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n onChange: (ctx) => {\r\n const title = \"fetch.title\"\r\n ctx.setState({[title]: ctx.state.name})\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"nameInternal\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}fetchNameInternal`,\r\n placeholder: `${M}exampleFetchNameInternal`,\r\n rules: \"required|max:50\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"desc\",\r\n value: \"\",\r\n type: \"textarea\",\r\n rules: \"required|max:1000\",\r\n placeholder:`${M}explainWhy`,\r\n opts: {\r\n rows: \"3\"\r\n },\r\n onChange: (ctx) => {\r\n const desc = \"fetch.desc\"\r\n ctx.setState({[desc]: ctx.state.desc})\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"collapsible1\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"System prompt\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"prompt\",\r\n value: \"\",\r\n type: \"textarea\",\r\n rules: \"max:4000\",\r\n placeholder:`[system prompt]`,\r\n opts: {\r\n rows: \"10\"\r\n },\r\n renderIf: () => context.props.userAdmin.role === '100'\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"doWATemplate\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}whatsAppTemplate`,\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admLocalization/get?type=f&pick=true\",\r\n setOutput: v => { if (v) return {value: v.value, label: v.label} },\r\n addon: {\r\n append: {\r\n buttons: [\r\n {\r\n disabled: ctxField => !ctxField.state.doWATemplate,\r\n name: \"main.preview\",\r\n onClick: () => context.togglePreview()\r\n }\r\n ]\r\n }\r\n }\r\n },\r\n onChange: (ctx) => {\r\n if (!ctx.state.doWATemplate) {\r\n ctx.setState({selectedTemplate: null})\r\n return\r\n }\r\n changeTemplate(ctx)\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"placeholders\",\r\n value: [],\r\n type: \"fieldset\",\r\n renderIf: ctx => ctx.state.selectedTemplate \r\n }\r\n ]\r\n },\r\n {\r\n id: \"step-3\",\r\n name: `${M}accessibility`,\r\n desc: `${M}accessibilityDesc`,\r\n method: () => `/admFetch/edit/${context.state.fetchId}`,\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"label3\",\r\n value: L => `${L[`${M}accessibility`]}
${L[`${M}accessibilityDesc`]}`,\r\n type: \"label\"\r\n },\r\n {\r\n col: 12,\r\n name: \"selectedRecipientType\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"\",\r\n rules: \"required\",\r\n rulesMessages: {messages: {required: 'Select a type'}},\r\n opts: {\r\n inputWrapperClassName: \"d-none\"\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"recipientType\",\r\n type: \"radio\",\r\n label: `${M}toSpecificNumbers`,\r\n opts: {\r\n value: \"0\",\r\n desc: `${M}descToSpecificNumbers`,\r\n },\r\n onClick: (ctx) => {\r\n ctx.toogleSubForm(0)\r\n ctxForm = ctx\r\n },\r\n onChange: ctx => ctx.setState({selectedRecipientType: ctx.state.recipientType})\r\n },\r\n {\r\n col: 12,\r\n name: \"btnOpenSpecificNumbers\",\r\n type: \"button\",\r\n label: \"main.edit\",\r\n opts: {\r\n wrapperClassName: \"d-flex justify-content-end\"\r\n },\r\n onClick: (ctx) => {\r\n ctx.toogleSubForm(0)\r\n ctxForm = ctx\r\n },\r\n renderIf: ctx => ctx.state.groupIdOfFetch > 0 && ctx.state.recipientType === \"0\"\r\n },\r\n {\r\n col: 12,\r\n name: \"recipientType\",\r\n type: \"radio\",\r\n label: `${M}toSpecificGroups`,\r\n opts: {\r\n value: \"1\",\r\n desc: `${M}descToSpecificGroups`\r\n },\r\n onChange: ctx => ctx.setState({selectedRecipientType: ctx.state.recipientType})\r\n },\r\n {\r\n name: \"groupIdOfFetch\",\r\n type: \"hidden\"\r\n },\r\n {\r\n col: 6,\r\n offset: 6,\r\n name: \"groupId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"main.category\",\r\n rules: \"required\",\r\n // parent: \"recipientType\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"admGroup/get?staff=0\",\r\n },\r\n renderIf: () => context.state.form?.recipientType === \"1\"\r\n },\r\n {\r\n col: 12,\r\n name: \"recipientType\",\r\n type: \"radio\",\r\n label: `${M}open`,\r\n opts: {\r\n value: \"2\",\r\n desc: `${M}descOpen`,\r\n },\r\n onChange: ctx => ctx.setState({selectedRecipientType: ctx.state.recipientType})\r\n },\r\n {\r\n col: 6,\r\n offset: 6,\r\n name: \"maxCollections\",\r\n value: 100,\r\n type: \"number\",\r\n label: `${M}maximumRequest`,\r\n rules: \"required|numeric|min:1,num\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: () => context.state.form?.recipientType === \"2\"\r\n },\r\n {\r\n col: 12,\r\n name: \"tags\",\r\n value: [],\r\n type: \"tag\",\r\n label: `${M}keywordsOrPhrases`,\r\n rules: \"required|max:3,array\",\r\n placeholder: `${M}pressEnterToAdd`,\r\n opts: {\r\n validationRegex: /^[A-Za-z0-9-]+$/,\r\n addKeys: [9, 13, 188]\r\n },\r\n onChange: (ctx) => {\r\n const name = ctx.state.tags?.length > 0 ? ctx.state.tags[0] : \"\"\r\n ctx.setState({url: name, url2: `${baseUrl2}${name}`})\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"url\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}sharingURL`,\r\n rules: \"required\",\r\n opts: {\r\n addon: {\r\n prepend: {\r\n texts: [`${baseUrl}`]\r\n }\r\n }\r\n },\r\n onChange: (ctx) => {\r\n ctx.setState({url2: ctx.state.url})\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"url2\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}orAlternative`,\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 12,\r\n name: \"msgNotAvailable\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}msgNotAvailable`,\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: (ctx) => !ctx.state.langSwitch\r\n },\r\n {\r\n col: 12,\r\n name: \"isPublic\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}descOpen`,\r\n renderIf: () => context.state.form?.recipientType !== \"2\"\r\n },\r\n {\r\n col: 12,\r\n name: \"allowMultiple\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}allowMultiple`\r\n }\r\n ]\r\n },\r\n {\r\n id: \"step-4\",\r\n name: `${M}availability`,\r\n desc: `${M}availabilityDesc`,\r\n method: () => `/admFetch/edit/${context.state.fetchId}`,\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"label4\",\r\n value: L => `${L[`${M}availability`]}
${L[`${M}availabilityDesc`]}`,\r\n type: \"label\"\r\n },\r\n\r\n {\r\n col: 6,\r\n name: \"isLive\",\r\n value: true,\r\n type: \"switch\",\r\n label: `${M}isLive`,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"scheduled\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}scheduled`,\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: (ctx) => ctx.state.isLive\r\n },\r\n {\r\n col: 12,\r\n name: \"empty1\",\r\n type: \"separator\",\r\n },\r\n {\r\n type: \"daterange\",\r\n isFormCrud: true,\r\n range: {\r\n col: 4,\r\n rules: () => !context.state.form.activeFrom && !context.state.form.activeTo ? \"required\" : null,\r\n renderIf: (ctx) => ctx.state.isLive && ctx.state.scheduled\r\n },\r\n from: {\r\n col: 4,\r\n name: \"activeFrom\",\r\n value: \"\",\r\n type: \"date\",\r\n label: \"main.from\",\r\n rules: \"required\",\r\n renderIf: (ctx) => ctx.state.isLive && ctx.state.scheduled\r\n },\r\n to: {\r\n col: 4,\r\n name: \"activeTo\",\r\n value: \"\",\r\n type: \"date\",\r\n label: \"main.to\",\r\n rules: \"required\",\r\n renderIf: (ctx) => ctx.state.isLive && ctx.state.scheduled\r\n } \r\n },\r\n {\r\n col: 12,\r\n name: \"label5\",\r\n value: L => `${(L[`${M}whenToSend`]).replace('{0}', context.state.form.countTarget)}
`,\r\n type: \"label\",\r\n renderIf: () => context.state.form?.recipientType !== \"2\"\r\n },\r\n {\r\n col: 12,\r\n name: \"selectedTriggerType\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"\",\r\n rules: \"required\",\r\n rulesMessages: {messages: {required: 'Select a trigger type'}},\r\n opts: {\r\n inputWrapperClassName: \"d-none\"\r\n },\r\n renderIf: () => context.state.form?.recipientType !== \"2\"\r\n },\r\n {\r\n col: 12,\r\n name: \"triggerType\",\r\n type: \"radio\",\r\n label: `${M}triggerManually`,\r\n opts: {\r\n value: \"true\"\r\n },\r\n onChange: ctx => ctx.setState({selectedTriggerType: ctx.state.triggerType}),\r\n renderIf: () => context.state.form?.recipientType !== \"2\"\r\n },\r\n {\r\n col: 12,\r\n name: \"triggerType\",\r\n type: \"radio\",\r\n label: `${M}onADate`,\r\n opts: {\r\n value: \"false\"\r\n },\r\n onChange: ctx => ctx.setState({selectedTriggerType: ctx.state.triggerType}),\r\n renderIf: () => context.state.form?.recipientType !== \"2\"\r\n },\r\n {\r\n col: 6,\r\n offset: 6,\r\n name: \"forDate\",\r\n value: \"\",\r\n type: \"datetime\",\r\n label: `${M}selectDate`,\r\n parent: \"triggerType\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: () => context.state.form?.recipientType !== \"2\"\r\n }\r\n ]\r\n },\r\n {\r\n id: \"step-5\",\r\n name: `${M}summary`,\r\n desc: `${M}summaryDesc`,\r\n method: () => `/admFetch/edit/${context.state.fetchId}`,\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"label6\",\r\n value: L => `${L[`${M}summary`]}
${L[`${M}summaryDesc`]}`,\r\n type: \"label\"\r\n },\r\n {\r\n name: \"sendStatus\",\r\n type: \"hidden\"\r\n },\r\n {\r\n name: \"countTarget\",\r\n type: \"hidden\"\r\n },\r\n {\r\n name: \"countSent\",\r\n type: \"hidden\"\r\n },\r\n {\r\n name: \"countSeen\",\r\n type: \"hidden\"\r\n },\r\n {\r\n name: \"countComplete\",\r\n type: \"hidden\"\r\n },\r\n {\r\n name: \"countPartial\",\r\n type: \"hidden\"\r\n },\r\n {\r\n name: \"numberOfInputs\",\r\n type: \"hidden\"\r\n },\r\n {\r\n col: 12,\r\n name: \"summary\",\r\n value: \"\",\r\n type: \"component\",\r\n opts: {\r\n component: summary\r\n }\r\n }\r\n ]\r\n }\r\n ]\r\n }\r\n ],\r\n subforms: [\r\n {\r\n size: \"md\",\r\n name: `${M}mobileNumbers`,\r\n wrapClassName: \"mb-4\",\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"tabs\",\r\n value: \"copyPaste\",\r\n type: \"tabs\",\r\n tabs: [\r\n {\r\n id: \"copyPaste\",\r\n name: `${M}copyPaste`,\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"phoneList\",\r\n value: \"\",\r\n type: \"textarea\",\r\n label: `${M}enterMobileNumbers`,\r\n placeholder: \"Sample:\\n+51963214569\\n+51969875563\\n+51963369852\",\r\n rules: \"required\",\r\n opts: {\r\n rows: \"12\"\r\n }\r\n }\r\n ]\r\n },\r\n {\r\n id: \"fromCSV\",\r\n name: `${M}fromCSV`,\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"btnTemplate\",\r\n type: \"button\",\r\n label: \"main.downloadExcelTemplate\",\r\n onClick: () => {\r\n window.open(`https://dev-sansilvestre.app-on.cloud/tplmails/dwn/UsersImport.xlsx`, \"_blank\")\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"data\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n rules: \"required\",\r\n placeholder: \"main.selectFile\",\r\n opts: {\r\n accept: '.csv',\r\n output: true\r\n }\r\n }\r\n ]\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"useGroupLabel\",\r\n value: (L) => `${L[`${M}useGroup`]}
`,\r\n type: \"label\",\r\n },\r\n {\r\n col: 12,\r\n name: \"useGroup\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}loadContacts`,\r\n onChange: ctx => {\r\n if (!ctx.state.useGroup) ctx.setState({\r\n groupId: null,\r\n groupName: null\r\n }, () => {\r\n ctxSubFormDetailGrid.setState({data: []})\r\n })\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"groupId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"main.category\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"admGroup/get?staff=0\",\r\n setOutput: v => { if (v) return {value: v.value, label: v.label} },\r\n },\r\n onChange: ctx => {\r\n if (ctx.state.groupId) ctxSubFormDetailGrid.setState({resource: `admUser/group/${ctx.state.groupId.value}`}, () => {\r\n ctxSubFormDetailGrid.getData()\r\n })\r\n else ctxSubFormDetailGrid.setState({data: []})\r\n },\r\n renderIf: ctx => ctx.state.useGroup,\r\n disabled: ctx => ctx.state.groupName\r\n },\r\n {\r\n col: 6,\r\n name: \"groupName\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}newGroup`,\r\n opts: {\r\n style: \"float-label\"\r\n },\r\n renderIf: ctx => ctx.state.useGroup,\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: `${M}addNumbers`,\r\n isMain: true,\r\n onClick: (ctx) => {\r\n ctx.validateForm().then(() => {\r\n context.props.setLoader(true)\r\n const fetchId = context.state.idItemSelected || context.state.fetchId\r\n const groupIdOfFetch = context.state.form.groupIdOfFetch\r\n const body = {\r\n data: ctx.state.data?.[0]?.value || null,\r\n phoneList: ctx.state.phoneList || null,\r\n groupId: ctx.state.groupName ? 0 : (ctx.state.groupId ? ctx.state.groupId.value : groupIdOfFetch),\r\n groupName: ctx.state.groupName || (!groupIdOfFetch ? `fetch_${fetchId}` : null)\r\n }\r\n\r\n _axios\r\n .post(`admUser/importAttach`, body)\r\n .then(r => {\r\n if (r.status === 0) {\r\n ctxForm.toogleSubForm(0)\r\n if (ctx.state.useGroup) {\r\n ctxForm.setState({\r\n recipientType: \"1\", \r\n groupId: ctx.state.groupName\r\n ? {value: r.data?.groupId, label: ctx.state.groupName}\r\n : {value: ctx.state.groupId.value, label: ctx.state.groupId.label}\r\n })\r\n } else if (!ctx.state.useGroup && r.data?.groupId) {\r\n ctxForm.setState({\r\n recipientType: \"0\",\r\n // groupId: {value: r.data.groupId, label: r.data.groupId},\r\n groupIdOfFetch: r.data.groupId\r\n })\r\n }\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n context.props.setLoader(false)\r\n }).catch(e => context.props.setLoader(false))\r\n })\r\n .catch(e => { /* console.log(e) */ })\r\n }\r\n }\r\n ],\r\n detailGrid: () => {\r\n return {\r\n module: 'admUser',\r\n embeded: (ctx) => {\r\n ctxSubFormDetailGrid = ctx\r\n return {\r\n config: {\r\n pageSize: 40,\r\n resource: `admUser/group/${context.state.form?.groupIdOfFetch || 0}`,\r\n },\r\n \r\n actions: {\r\n delete: true\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"main.lastName\",\r\n accessor: \"last\" \r\n }\r\n ]\r\n }\r\n }\r\n }\r\n }\r\n }\r\n ],\r\n detailGrid: (ctx) => {\r\n return {\r\n module: 'admFetchInput',\r\n filterBy: () => { return { fetchId: context.state.idItemSelected || context.state.fetchId } },\r\n renderIf: () => (context.state.idItemSelected || context.state.fetchId) && context.state.form?.flags?.currentStepId === \"step-2\",\r\n listenData: (data) => {\r\n if (context.state.form && data) {\r\n const form = context.state.form\r\n form.inputs = data.map(item => item = {name: item.name, options: item.options})\r\n context.setState({form: form}, () => {\r\n if (ctx.state.selectedTemplate) changeTemplate(ctx)\r\n })\r\n }\r\n }\r\n }\r\n }\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\",\r\n hidden: true\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\",\r\n minWidth: 180\r\n },\r\n {\r\n Header: \"main.status\",\r\n accessor: \"sendStatus\",\r\n type: 'chip',\r\n chips: {\r\n 0: {text: 'Draft', color:'lightgreen'},\r\n 1: {text: 'Ready', color:'lightgreen'},\r\n 2: {text: 'Sending', color:'lightgreen'},\r\n 3: {text: 'Sent', color:'green'},\r\n 4: {text: 'Cancelled', color:'red'},\r\n 5: {text: 'Sending errors', color:'red'}\r\n }\r\n },\r\n {\r\n Header: `${M}countTarget`,\r\n accessor: \"countTarget\"\r\n },\r\n {\r\n Header: `${M}countSent`,\r\n accessor: \"countSent\"\r\n },\r\n {\r\n Header: `${M}countSeen`,\r\n accessor: \"countSeen\"\r\n },\r\n {\r\n Header: `${M}countPartial`,\r\n accessor: \"countPartial\"\r\n },\r\n {\r\n Header: `${M}countComplete`,\r\n accessor: \"countComplete\"\r\n },\r\n {\r\n Header: `${M}willSendOn`,\r\n accessor: \"forDate\",\r\n isDate: true\r\n }\r\n ],\r\n\r\n preview: {\r\n template: CustomPreviewWhatsApp,\r\n previewOf: {\r\n form: {\r\n name: `main.whatsappMessagePreview`,\r\n handleData: (data) => {\r\n if (!data) return\r\n let msgs = []\r\n let header = data?.selectedTemplate?.content\r\n let buttons = []\r\n const tagsContent = data?.selectedTemplate?.tagsContent\r\n if (tagsContent) {\r\n /*\r\n tagsContent.forEach(t => {\r\n if (data[t.id]) {\r\n content = content.replaceAll(`{{${t.id}}}`, data[t.id])\r\n }\r\n })\r\n */\r\n tagsContent.forEach((t, index) => {\r\n if (data[t.id]) {\r\n header = header.replaceAll(`{{${index+1}}}`, data[t.id])\r\n }\r\n if (t.id.includes(\"button\")) {\r\n buttons.push(data[t.id])\r\n }\r\n })\r\n }\r\n const m = {\r\n type: \"received\",\r\n content: header,\r\n buttons: buttons\r\n }\r\n msgs.push(m)\r\n if (data.inputs) {\r\n msgs = msgs.concat(data.inputs.map(item => item = {type: \"received\", content: item.name, buttons: item.options ? item.options.split(\"|\") : []}))\r\n }\r\n return msgs\r\n }\r\n }\r\n },\r\n renderIf: () => context.state.form?.selectedTemplate && context.state.form?.flags?.currentStepId === \"step-2\"\r\n }\r\n }\r\n}","export default (context) => {\r\n const M = \"admAssignment.\"\r\n return {\r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n remapRow: (form) => {\r\n return form\r\n }\r\n },\r\n\r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n form: {\r\n fields: [\r\n {\r\n col: 6,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}questionType`,\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: \"text\", label: \"Texto\" },\r\n { value: \"number\", label: \"Número\" },\r\n { value: \"textarea\", label: \"Texto largo\" },\r\n { value: \"check\", label: \"Check\" },\r\n { value: \"option\", label: \"Lista de opciones\" },\r\n { value: \"optionMany\", label: \"Lista de opciones (múltiple)\" }\r\n ]\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"langSwitch\",\r\n value: false,\r\n type: \"switch\",\r\n label: (L, state) => { return `${L[\"main.language\"]}: ${state.langSwitch ? L[\"main.english\"] : L[\"main.spanish\"]}` },\r\n },\r\n {\r\n col: 12,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}questionStatement`,\r\n placeholder: `${M}example1`,\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: (ctx) => !ctx.state.langSwitch\r\n },\r\n {\r\n col: 12,\r\n name: \"desc\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"main.desc\",\r\n renderIf: (ctx) => !ctx.state.langSwitch\r\n },\r\n {\r\n col: 12,\r\n name: \"placeholder\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}helpTextToShow`,\r\n placeholder: `${M}example2`,\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: (ctx) => !ctx.state.langSwitch\r\n },\r\n {\r\n col: 12,\r\n name: \"options\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}inCaseOfBeingOptionsList`,\r\n placeholder: `${M}answerOptions`,\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: (ctx) => !ctx.state.langSwitch\r\n },\r\n {\r\n col: 12,\r\n name: \"nameEN\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}questionStatement`,\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: (ctx) => ctx.state.langSwitch\r\n },\r\n {\r\n col: 12,\r\n name: \"descEN\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"main.desc\",\r\n renderIf: (ctx) => ctx.state.langSwitch\r\n },\r\n {\r\n col: 12,\r\n name: \"placeholderEN\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}helpTextToShow`,\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: (ctx) => ctx.state.langSwitch\r\n },\r\n {\r\n col: 12,\r\n name: \"optionsEN\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}inCaseOfBeingOptionsList`,\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: (ctx) => ctx.state.langSwitch\r\n },\r\n {\r\n col: 12,\r\n name: \"correctAnswer\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}correctAnswer`,\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"points\",\r\n value: \"\",\r\n type: \"number\",\r\n label: `${M}pointsIfCorrect`,\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"pointsNeg\",\r\n value: \"\",\r\n type: \"number\",\r\n label: `${M}pointsIfIncorrect`,\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"inactive\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"main.inactive\",\r\n },\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"main.type\",\r\n accessor: \"type\",\r\n },\r\n {\r\n Header: `${M}pointsIfCorrect`,\r\n accessor: \"points\"\r\n },\r\n {\r\n Header: `${M}pointsIfIncorrect`,\r\n accessor: \"pointsNeg\"\r\n }\r\n ]\r\n }\r\n}","import CustomCalendar from \"../../components/utils/CustomCalendar\"\r\nimport _moment from \"../../libs/moment\"\r\n\r\nexport default (context) => {\r\n const M = \"admCalendar.\"\r\n return {\r\n config: {\r\n resource: \"admActivity\",\r\n customPathGet: \"admActivity/month/0\",\r\n pageSize: 40,\r\n list: false,\r\n remapRow: (form) => {\r\n return form\r\n },\r\n hiddenButtons: true,\r\n hiddenGrid: true\r\n },\r\n\r\n actions: {},\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"type\",\r\n type: \"hidden\",\r\n value: \"cal\"\r\n },\r\n {\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"main.grade\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.section\",\r\n parent: \"superSectionId\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.formFilter.superSectionId }\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'main.applyFilter',\r\n onClick: ctx => ctx.btnAction('filter')\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n r.data.categoryId = { value: r.data.categoryId, label: r.data.categoryName }\r\n r.data.owner = {value: r.data.owner, label: r.data.ownerName}\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n if (v.superSections) {\r\n v.superSections = v.superSections.map(e => {\r\n e = {\r\n ID: e.value,\r\n name: e.label,\r\n selected: true,\r\n }\r\n return e\r\n })\r\n }\r\n if (v.sections) {\r\n v.sections = v.sections.map(e => {\r\n e = {\r\n ID: e.value,\r\n name: e.label,\r\n selected: true,\r\n }\r\n return e\r\n })\r\n }\r\n delete v.selectedField\r\n return v\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.title\",\r\n rules: \"required|max:150\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n type: \"daterange\",\r\n isFormCrud: true,\r\n range: {\r\n col: 4,\r\n label: `${M}startDate/endDate`,\r\n rules: () => (context.state.form?.startDate && context.state.form?.endDate) ? null : 'required',\r\n opts: {\r\n items: [\r\n {value: 0, label: \"main.tomorrow\"},\r\n {value: 1, label: \"main.afterTomorrow\"},\r\n {value: 2, label: \"main.anotherDate\"}\r\n ]\r\n },\r\n onChange: (ctx) => {\r\n if (ctx.state.range === 0) ctx.setState({startDate: `${_moment().add(1, 'days').format('YYYY-MM-DD')} 08:00:00`, endDate: `${_moment().add(1, 'days').format('YYYY-MM-DD')} 16:00:00`})\r\n else if (ctx.state.range === 1) ctx.setState({startDate: `${_moment().add(2, 'days').format('YYYY-MM-DD')} 08:00:00`, endDate: `${_moment().add(2, 'days').format('YYYY-MM-DD')} 16:00:00`})\r\n else if (ctx.state.range === 2) ctx.setState({startDate: null, endDate: null})\r\n }\r\n },\r\n from: {\r\n col: 4,\r\n name: \"startDate\",\r\n value: \"\",\r\n type: \"datetime\",\r\n label: `${M}startDateTime`,\r\n rules: \"required\",\r\n renderIf: ctx => ctx.state.startDate || ctx.state.range === 2\r\n },\r\n to: {\r\n col: 4,\r\n name: \"endDate\",\r\n value: \"\",\r\n type: \"datetime\",\r\n label: `${M}endDateTime`,\r\n rules: \"required\",\r\n renderIf: ctx => ctx.state.endDate || (ctx.state.range === 2 && ctx.state.startDate)\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"desc\",\r\n value: \"\",\r\n type: \"textarea\",\r\n label: \"main.desc\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"img\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"main.coverImage\",\r\n isDoc: false,\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"/admActivity/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n output: true\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"locationTxt\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.location\",\r\n rules: \"max:50\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n name: \"hasDate\",\r\n value: true,\r\n type: \"hidden\",\r\n }, \r\n {\r\n col: 12,\r\n name: \"published\",\r\n value: true,\r\n type: \"switch\",\r\n label: `${M}published`,\r\n },\r\n {\r\n type: \"daterange\",\r\n isFormCrud: true,\r\n range: {\r\n col: 4,\r\n name: \"range2\",\r\n label: \"\",\r\n renderIf: (ctx) => ctx.state.published\r\n },\r\n from: {\r\n col: 4,\r\n name: \"publishFrom\",\r\n value: \"\",\r\n type: \"datetime\",\r\n label: `${M}showFrom`\r\n },\r\n to: {\r\n col: 4,\r\n name: \"publishTo\",\r\n value: \"\",\r\n type: \"datetime\",\r\n label: `${M}showUntil`\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"superSections\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}visibleForSections`,\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\",\r\n isMulti: true,\r\n setOutput: v => v\r\n },\r\n renderIf: (ctx) => ctx.state.published\r\n },\r\n {\r\n col: 6,\r\n name: \"sections\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}visibleForSubsections`,\r\n parent: 'superSections',\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + ((context.state.form.superSections && context.state.form.superSections.length > 0) ? context.state.form.superSections[0].value : null) },\r\n isMulti: true,\r\n setOutput: v => v\r\n },\r\n renderIf: (ctx) => { return (ctx.state.superSections && ctx.state.superSections.length === 1) || (ctx.state.sections && ctx.state.sections.length >= 1)}\r\n },\r\n {\r\n col: 12,\r\n name: \"tab1\",\r\n value: false,\r\n type: \"collapsible\",\r\n placeholder: 'main.seeMoreOptions',\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"nameEN\",\r\n value: \"\",\r\n type: \"text\",\r\n label: L => `${L[\"main.title\"]} - ${L[\"main.secondaryLanguage\"]}`,\r\n aiAssist: {\r\n action: 'translate',\r\n requiredFields: [\"name\", \"desc\"],\r\n postUrl: \"admPublication/AiAssist\"\r\n },\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"descEN\",\r\n value: \"\",\r\n type: \"textarea\",\r\n label: L => `${L[\"main.desc\"]} - ${L[\"main.secondaryLanguage\"]}`,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"categoryId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.category\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admCategory/get?type=cal\"\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"owner\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.responsible\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admStaff/get?pick=true\"\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"label1\",\r\n value: (L) => `${L[`${M}whoCanSeeThisActivity`]} {\r\n context.toggleDelete(context.state.idItemSelected)\r\n },\r\n renderIf: () => context.state.idItemSelected\r\n }\r\n ]\r\n }\r\n ]\r\n },\r\n\r\n columns: [],\r\n\r\n customComponent: CustomCalendar\r\n }\r\n}","import CustomPreviewWhatsApp from \"../../components/utils/CustomPreviewWhatsApp\"\r\nimport { NotificationManager } from \"../../components/common/react-notifications\"\r\nimport _moment from \"../../libs/moment\"\r\nimport _axios from \"../../libs/axios\"\r\nimport { objToQueryString } from \"../../helpers/Utils\"\r\nimport { replaceWords } from \"../../helpers/Utils\"\r\n\r\nexport default (context) => {\r\n const M = \"admNotification.\"\r\n const onSuccess = (r) => {\r\n const form = context.state.form\r\n form.msgConfirmFailure = null\r\n form.msgConfirmSuccess = r.msg\r\n if (context.state.form.btnValidate !== -2) form.btnValidate = r.status\r\n context.setState({form: form})\r\n context.props.setLoader(false)\r\n if (context.state.form.btnValidate === -2) context.toggle()\r\n else {\r\n if (!context.state.idItemSelected) {\r\n context.setState({showFormCustom: false, btnCancel: \"main.close\"}, () => {\r\n context.getDataById(r.data)\r\n })\r\n }\r\n }\r\n }\r\n const onFailure = (r) => {\r\n const form = context.state.form\r\n form.msgConfirmSuccess = null\r\n form.msgConfirmFailure = r.msg\r\n context.setState({form: form})\r\n context.props.setLoader(false)\r\n }\r\n const changeTemplate = (ctx) => {\r\n const params = {\r\n objectType: ctx.state.page,\r\n objectId: ctx.state.objectId\r\n }\r\n const query = objToQueryString(params)\r\n context.props.setLoader(true)\r\n _axios\r\n .get(`admLocalization/get/${ctx.state.doWATemplate}?${query}`)\r\n .then(r => {\r\n context.props.setLoader(false)\r\n if (r.status >= 0) {\r\n const fields = []\r\n r.data.tagsContent.forEach((t, i) => {\r\n if (context.state.idItemSelected && ctx.state.placeholders?.length > 0 && !ctx.state.selectedTemplate) {\r\n ctx.setState({[t.id]: ctx.state.placeholders[i]?.name ?? t.defValue })\r\n }\r\n else ctx.setState({[t.id]: t.defValue ?? \"\"})\r\n fields.push(\r\n {\r\n col: 6,\r\n name: t.id,\r\n value: \"\",\r\n type: t.hidden ? \"hidden\" : \"text\",\r\n label: (L) => {\r\n let label = t.id.split(\".\")\r\n label = label.pop()\r\n return L[`${M}${label}`] || L[`main.${label}`] || t.id\r\n },\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: t.readonly\r\n }\r\n )\r\n })\r\n \r\n ctx.setState({ selectedTemplate: r.data })\r\n const formFields = context.state.formFields\r\n const fieldIndex = formFields.findIndex(f => f.name === \"placeholders\")\r\n formFields[fieldIndex].childs = fields\r\n context.setState({formFields: formFields})\r\n } else NotificationManager.error(r.msg, \"Opps\", 5000, null, null, 'outline')\r\n }).catch(e => context.props.setLoader(false))\r\n }\r\n\r\n return {\r\n config: {\r\n pageSize: 10,\r\n },\r\n \r\n actions: {\r\n create: {\r\n reloadGrid: true\r\n },\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n \r\n filter: {\r\n fields: [\r\n {\r\n type: \"daterange\",\r\n range: {\r\n label: \"Enviado durante\"\r\n }\r\n },\r\n {\r\n col: 3,\r\n name: \"status\",\r\n value: 0,\r\n type: \"select\",\r\n label: \"main.status\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: -1,\r\n label: \"main.all\"\r\n },\r\n {\r\n value: 0,\r\n label: `admFetch.draft`\r\n },\r\n {\r\n value: 1,\r\n label: `admFetch.noSent`\r\n },\r\n {\r\n value: 2,\r\n label: `admFetch.sending`\r\n },\r\n {\r\n value: 3,\r\n label: `admFetch.sent`\r\n },\r\n {\r\n value: 5,\r\n label: `admFetch.paused`\r\n },\r\n {\r\n value: -1,\r\n label: `admFetch.seeErrors`\r\n }\r\n ]\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'main.applyFilter',\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n handleSaveChanges : () => {\r\n const form = context.state.form\r\n form.btnValidate = -2\r\n context.setState({form: form}, () => {\r\n context.state.idItemSelected ? context.edit() : context.create()\r\n })\r\n },\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n const { doWATemplate, doWATemplateName, objectId, recurrence, sendOn } = r.data\r\n const { L } = context.state\r\n const d = _moment(sendOn)\r\n let recurrenceName = \"\"\r\n if (recurrence) {\r\n const value = recurrence.split(\" \")\r\n const day = value[2]\r\n const month = value[3]\r\n if (day === \"*\" && month === \"*\") recurrenceName = replaceWords(L[`${M}everyWeek`], {\"{0}\": d.format(\"dddd\"), \"{1}\": d.format(\"hha\")})\r\n else if (month === \"*\") recurrenceName = replaceWords(L[`${M}everyMonth`], {\"{0}\": d.format(\"DD\"), \"{1}\": d.format(\"hha\")})\r\n else recurrenceName = replaceWords(L[`${M}everyYear`], {\"{0}\": d.format(\"DD-MMM\"), \"{1}\": d.format(\"hha\")})\r\n }\r\n r.data = {\r\n ...r.data,\r\n doWATemplate: doWATemplate ? { value: doWATemplate, label: doWATemplateName } : doWATemplate,\r\n objectId: objectId ? { value: objectId, label: objectId } : objectId,\r\n hasRecurrence: !!recurrence,\r\n recurrence: recurrence ? { value: recurrence, label: recurrenceName } : recurrence\r\n }\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n if (v.sectionIds) v.sectionIds = v.sectionIds.map(e => e = { ID: e.value, name: e.label, selected: true })\r\n if (v.userIds) v.userIds = v.userIds.map(e => e = { ID: e.value, name: e.label, selected: true })\r\n if (v.principalUserIds) v.principalUserIds = v.principalUserIds.map(e => e = { ID: e.value, name: e.label, selected: true })\r\n const tagsContent = v.selectedTemplate?.tagsContent\r\n let placeholders = []\r\n if (v.selectedTemplate?.tagsContent) {\r\n tagsContent.forEach(t => {\r\n placeholders.push({ID: t.id, name: v[t.id] || \"\"})\r\n })\r\n v.placeholders = placeholders\r\n }\r\n delete v.alert1\r\n delete v.alert2\r\n delete v.msgConfirmFailure\r\n delete v.msgConfirmSuccess\r\n delete v.btnValidate\r\n delete v.selectedTemplate\r\n return v\r\n },\r\n onCreateSuccess: onSuccess,\r\n onCreateFailure: onFailure,\r\n onEditSuccess: onSuccess,\r\n onEditFailure: onFailure,\r\n onGetDataById: () => {\r\n context.setState({showFormCustom: true})\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}internalName`,\r\n rules: \"required|max:50\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"label1\",\r\n value: L => `${L[`${M}deliveryModes`]}
`,\r\n type: \"label\"\r\n },\r\n {\r\n col: 4,\r\n name: \"doWA\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"main.whatsApp\",\r\n onChange: (ctx) => ctx.setState({selectedTemplate: null}, () => {\r\n context.setState({modalPreview: false})\r\n })\r\n },\r\n {\r\n col: 8,\r\n name: \"doWATemplate\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}whatsAppTemplate`,\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admLocalization/get?type=w&pick=true\",\r\n addon: {\r\n append: {\r\n buttons: [\r\n {\r\n disabled: ctxField => !ctxField.state.doWATemplate,\r\n name: \"main.preview\",\r\n onClick: () => context.togglePreview()\r\n }\r\n ]\r\n }\r\n }\r\n },\r\n onChange: (ctx) => {\r\n if (!ctx.state.doWATemplate) {\r\n ctx.setState({selectedTemplate: null})\r\n return\r\n }\r\n changeTemplate(ctx)\r\n },\r\n renderIf: ctx => ctx.state.doWA\r\n },\r\n {\r\n col: 12,\r\n name: \"placeholders\",\r\n value: [],\r\n type: \"fieldset\",\r\n renderIf: ctx => ctx.state.doWA\r\n },\r\n {\r\n col: 4,\r\n name: \"doMail\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}sendEmail`\r\n },\r\n {\r\n col: 4,\r\n name: \"doPush\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}sendPUSH`\r\n },\r\n {\r\n col: 12,\r\n name: \"alert2\",\r\n value: `${M}infoPush`,\r\n type: \"alert\",\r\n opts: {\r\n color: \"info\"\r\n },\r\n renderIf: ctx => ctx.state.doPush\r\n },\r\n {\r\n col: 12,\r\n name: \"content\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.title\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: (ctx) => ctx.state.doMail || ctx.state.doPush\r\n },\r\n {\r\n col: 12,\r\n name: \"body\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"main.content\",\r\n renderIf: (ctx) => ctx.state.doMail\r\n },\r\n {\r\n col: 12,\r\n name: \"art\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"\",\r\n isDoc: false,\r\n rules: 'ext:jpeg,jpg,png',\r\n placeholder: \"main.selectFile\",\r\n opts: {\r\n path: ()=> \"/admNotification/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n output: true\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"sendTo\",\r\n value: 0,\r\n type: \"select\",\r\n label: `${M}sendTo`,\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: 0, label: `${M}headlinesGuardians` },\r\n { value: 2, label: `${M}childrenDependents` },\r\n { value: 4, label: `${M}teachers` }\r\n ]\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"filterBy\",\r\n value: \"sections\",\r\n type: \"select\",\r\n label: `${M}selectionCriteria`,\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: \"sections\", label: `${M}filterBySections` },\r\n { value: \"dependants\", label: `${M}filterBySpecificChildrenDependents` },\r\n { value: \"principals\", label: `${M}filterBySpecificHeadlinesGuardians` }\r\n ]\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"sectionIds\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}selectFromSections`,\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSection/get\",\r\n isMulti: true,\r\n setOutput: v => v\r\n },\r\n renderIf: ctx => ctx.state.filterBy === \"sections\"\r\n },\r\n {\r\n col: 12,\r\n name: \"userIds\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}relatedToFollowingChildrenDependents`,\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admUser/get?pick=true&type=3\",\r\n isMulti: true,\r\n setOutput: v => v\r\n },\r\n renderIf: ctx => ctx.state.filterBy === \"dependants\"\r\n },\r\n {\r\n col: 12,\r\n name: \"principalUserIds\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}relatedToFollowingHeadlinesGuardians`,\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admUser/get?pick=true&type=1\",\r\n isMulti: true,\r\n setOutput: v => v\r\n },\r\n renderIf: ctx => ctx.state.filterBy === \"principals\"\r\n },\r\n {\r\n col: 6,\r\n name: \"page\",\r\n value: \"general\",\r\n type: \"select\",\r\n label: `${M}notificationType`,\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: \"general\", label: `${M}general` },\r\n { value: \"publication\", label: `${M}publication` },\r\n { value: \"calendar\", label: `${M}eventCalendar` },\r\n { value: \"payment\", label: `${M}payments` },\r\n { value: \"attendance\", label: `${M}attendance` }\r\n ]\r\n },\r\n onChange: ctx => {\r\n if (!ctx.state.selectedTemplate) return\r\n changeTemplate(ctx)\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"objectId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}associateNotificationWith`,\r\n parent: \"page\",\r\n opts: {\r\n style: 'float-label',\r\n path: ctx => `admNotification/objects?parentId=${ctx.state.page}`\r\n },\r\n onChange: ctx => {\r\n if (!ctx.state.selectedTemplate) return\r\n changeTemplate(ctx)\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"sendOn\",\r\n value: \"\",\r\n type: \"datetime\",\r\n label: `${M}sendDate`,\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n selectsEnd: true,\r\n minDate: _moment(),\r\n minTime: ctx => ctx.state.sendOn ? _moment(ctx.state.sendOn).format('YYYY-MM-DD') === _moment().format('YYYY-MM-DD') ? _moment() : _moment().set({hour:0,minute:0}) : _moment(),\r\n maxTime: _moment().set({hour:23,minute:59,second:0,millisecond:0}),\r\n }\r\n },\r\n {\r\n col: 2,\r\n name: \"hasRecurrence\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}recurrence`,\r\n renderIf: ctx => ctx.state.sendOn && ctx.state.recurrenceId === 0\r\n },\r\n {\r\n col: 2,\r\n name: \"recurrenceId\",\r\n value: 0,\r\n type: \"hidden\"\r\n },\r\n {\r\n col: 4,\r\n name: \"recurrence\",\r\n value: null,\r\n type: \"select\",\r\n parent: \"sendOn\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n items: [],\r\n onMenuOpen: (ctxForm, ctx, L) => {\r\n const d = _moment(ctxForm.state.sendOn)\r\n const items = [\r\n { value: `0 ${d.format(\"H\")} * * ${d.day()}`, label: replaceWords(L[`${M}everyWeek`], {\"{0}\": d.format(\"dddd\"), \"{1}\": d.format(\"hha\")})},\r\n { value: `0 ${d.format(\"H\")} ${d.format(\"D\")} * *`, label: replaceWords(L[`${M}everyMonth`], {\"{0}\": d.format(\"DD\"), \"{1}\": d.format(\"hha\")})},\r\n { value: `0 ${d.format(\"H\")} ${d.format(\"D\")} ${d.format(\"M\")} *`, label: replaceWords(L[`${M}everyYear`], {\"{0}\": d.format(\"DD-MMM\"), \"{1}\": d.format(\"hha\")})}\r\n ]\r\n ctx.setState({items: items})\r\n }\r\n },\r\n renderIf: ctx => ctx.state.sendOn && ctx.state.hasRecurrence && ctx.state.recurrenceId === 0\r\n },\r\n {\r\n col: 6,\r\n name: \"btnValidate\",\r\n value: -1,\r\n type: \"button\",\r\n label: `${M}validateSending`,\r\n onClick: () => {\r\n context.state.idItemSelected ? context.edit() : context.create()\r\n },\r\n renderIf: ctx => !ctx.state.confirm\r\n },\r\n {\r\n col: 6,\r\n name: \"confirm\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}startSending`,\r\n renderIf: ctx => ctx.state.btnValidate >= 0 || context.state.idItemSelected\r\n },\r\n {\r\n col: 12,\r\n name: \"msgConfirmSuccess\",\r\n value: \"\",\r\n type: \"alert\",\r\n opts: {\r\n color: \"success\"\r\n },\r\n renderIf: () => context.state.form?.msgConfirmSuccess\r\n },\r\n {\r\n col: 12,\r\n name: \"msgConfirmFailure\",\r\n value: \"\",\r\n type: \"alert\",\r\n opts: {\r\n color: \"danger\"\r\n },\r\n renderIf: () => context.state.form?.msgConfirmFailure\r\n },\r\n ],\r\n },\r\n \r\n columns: [\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\",\r\n width: 200\r\n },\r\n {\r\n Header: \"main.status\",\r\n accessor: \"status\",\r\n type: 'chip',\r\n chips: {\r\n 0: {text: 'Draft', color:'lightgreen'},\r\n 1: {text: 'Ready', color:'lightgreen'},\r\n 2: {text: 'Sending', color:'lightgreen'},\r\n 3: {text: 'Sent', color:'green'},\r\n 4: {text: 'Cancelled', color:'red'},\r\n 5: {text: 'Sending errors', color:'red'}\r\n }\r\n },\r\n {\r\n Header: `${M}sendDate`,\r\n accessor: \"sendOn\",\r\n isDate:true\r\n },\r\n {\r\n Header: 'admFetch.countTarget',\r\n accessor: \"total\"\r\n },\r\n {\r\n Header: `${M}sent`,\r\n accessor: \"sent\",\r\n width: 80\r\n },\r\n {\r\n accessor: \"sentProgress\",\r\n type:'progress'\r\n },\r\n {\r\n Header: 'admFetch.countSeen',\r\n accessor: \"read\",\r\n width: 80\r\n },\r\n {\r\n accessor: \"readProgress\",\r\n type:'progress'\r\n },\r\n {\r\n Header: `${M}failed`,\r\n accessor: \"failed\"\r\n }\r\n ],\r\n\r\n preview: {\r\n template: CustomPreviewWhatsApp,\r\n previewOf: {\r\n form: {\r\n name: `main.whatsappMessagePreview`,\r\n handleData: (data) => {\r\n if (!data) return\r\n let msgs = []\r\n let content = data?.selectedTemplate?.content\r\n let buttons = []\r\n const tagsContent = data?.selectedTemplate?.tagsContent\r\n if (tagsContent) {\r\n /*\r\n tagsContent.forEach(t => {\r\n if (data[t.id]) {\r\n content = content.replaceAll(`{{${t.id}}}`, data[t.id])\r\n }\r\n })\r\n */\r\n tagsContent.forEach((t, index) => {\r\n if (data[t.id]) {\r\n content = content.replaceAll(`{{${index+1}}}`, data[t.id])\r\n }\r\n if (t.id.includes(\"button\")) {\r\n buttons.push(data[t.id])\r\n }\r\n })\r\n }\r\n const msg = {\r\n type: \"received\",\r\n content: content,\r\n buttons: buttons\r\n }\r\n msgs.push(msg)\r\n return msgs\r\n }\r\n }\r\n },\r\n renderIf: () => context.state.form.selectedTemplate\r\n }\r\n }\r\n }","import _axios from \"../../libs/axios\"\r\nexport default (context) => {\r\n\r\n const filter = {\r\n fields: [\r\n {\r\n name: \"type\",\r\n value: 1,\r\n type: \"hidden\",\r\n }\r\n ]\r\n }\r\n\r\n let columns = [\r\n {\r\n Header: \"\",\r\n accessor: \"img\",\r\n type: \"img\"\r\n },\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"main.relationship\",\r\n accessor: \"relationship\" \r\n },\r\n {\r\n Header: \"main.principal\",\r\n accessor: \"principal\",\r\n isBool: true\r\n },\r\n {\r\n Header: \"main.externalId\",\r\n accessor: \"externalId\"\r\n }\r\n ]\r\n\r\n const module = {\r\n config: {\r\n resource: \"admUser\",\r\n pageSize: 40,\r\n list: false,\r\n remapRow: (form, res, action, resUpload) => {\r\n form.img = form.face\r\n form.name = `${form.last} ${form.last2?? ''}, ${form.name}`\r\n if (resUpload?.url) form.img = `${resUpload.url}?date=${Date.now()}`\r\n return form\r\n }\r\n },\r\n\r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: {\r\n by: \"search\"\r\n }\r\n },\r\n\r\n filter: filter,\r\n\r\n form: {\r\n beforeOpenModal: () => {\r\n return new Promise((resolve) => {\r\n if (localStorage.getItem(\"listOptions\")) return resolve(true)\r\n context.props.setLoader(true)\r\n _axios.get('/general/getlists')\r\n .then(r => {\r\n if(r.status === 0) {\r\n context.props.setLoader(false)\r\n localStorage.setItem(\"listOptions\", JSON.stringify(r.data))\r\n resolve(true)\r\n }\r\n })\r\n .catch(() => {\r\n context.props.setLoader(false)\r\n resolve(false)\r\n })\r\n })\r\n },\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.country = { value: r.data.country, label: r.data.country }\r\n r.data.state = { value: r.data.state, label: r.data.state }\r\n r.data.city = { value: r.data.city, label: r.data.city }\r\n r.data.district = { value: r.data.district, label: r.data.district }\r\n r.data.nationality = { value: r.data.nationality, label: r.data.nationality }\r\n r.data.workCountry = { value: r.data.workCountry, label: r.data.workCountry }\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n return v\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"face\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"main.photography\",\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"admUser/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"externalId\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.externalId\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"inactive\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"main.inactive\"\r\n },\r\n {\r\n col: 6,\r\n name: \"last\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.lastName\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"last2\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.maternalSurname\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.name\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"documenttype\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.documentType\",\r\n opts: {\r\n style: 'float-label',\r\n listInLocalStorage: {\r\n name: \"listOptions\",\r\n listName: \"documents\"\r\n }\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"documentnumber\",\r\n value: \"\",\r\n type: \"number\",\r\n label: \"main.documentNumber\",\r\n rules: 'max:20',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"birthday\",\r\n value: \"\",\r\n type: \"date\",\r\n label: \"main.birthdate\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"nationality\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.nationality\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/general/getcountries\",\r\n remap: (r) => {\r\n r.data.Results = r.data.map(item => ({ ID: item.id, name: item.name }))\r\n return r\r\n }\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"rip\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"main.died\"\r\n },\r\n {\r\n col: 6,\r\n name: \"gender\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.gender\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: 'M', label: 'M'},\r\n { value: 'F', label: 'F'}\r\n ]\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"maritalstatus\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"admUser.maritalstatus\",\r\n opts: {\r\n style: 'float-label',\r\n listInLocalStorage: {\r\n name: \"listOptions\",\r\n listName: \"martialStatus\"\r\n }\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"cel\",\r\n value: \"\",\r\n type: \"number\",\r\n label: \"main.cellPhone\",\r\n rules: \"max:13\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"homephone\",\r\n value: \"\",\r\n type: \"number\",\r\n label: \"main.phone\",\r\n rules: \"max:13\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"mail\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.email\",\r\n rules: 'required|email',\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"email2\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"admUser.otherEmail\",\r\n rules: \"email\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"education\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.education\",\r\n opts: {\r\n style: 'float-label',\r\n listInLocalStorage: {\r\n name: \"listOptions\",\r\n listName: \"educationLevels\"\r\n }\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"religion\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"admUser.religion\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"userKind\",\r\n value: 0,\r\n type: \"select\",\r\n label: \"main.userType\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: 0, label: \"Titular / Apoderado principal\" },\r\n { value: 1, label: \"Apoderado secundario\" },\r\n { value: 3, label: \"Externo / invitado\" }\r\n ]\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"notifModes\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.notifyVia\",\r\n rules: 'max:50',\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 12,\r\n name: \"label1\",\r\n value: L => `${L['main.residence']}
`,\r\n type: \"label\",\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"address\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.address\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"country\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.country\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/general/getcountries\",\r\n remap: (r) => {\r\n r.data.Results = r.data.map(item => ({ ID: item.id, name: item.name }))\r\n return r\r\n }\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"state\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.state\",\r\n parent: \"country\",\r\n opts: {\r\n style: 'float-label',\r\n path: ctx => `/general/getstates?country=${ctx.state.country}`,\r\n remap: (r) => {\r\n const data = r.data.map(item => item = {ID: item.id, name: item.name})\r\n r.data.Results = data\r\n return r\r\n }\r\n },\r\n renderIf: ctx => ctx.state.country && !ctx.state.rip,\r\n },\r\n {\r\n col: 6,\r\n name: \"city\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.city\",\r\n parent: \"state\",\r\n opts: {\r\n style: 'float-label',\r\n path: ctx => `/general/getcities?country=${ctx.state.country}&state=${ctx.state.state}`,\r\n remap: (r) => {\r\n const data = r.data.map(item => item = {ID: item.id, name: item.name})\r\n r.data.Results = data\r\n return r\r\n }\r\n },\r\n renderIf: ctx => ctx.state.state && !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"district\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.district\",\r\n parent: \"city\",\r\n opts: {\r\n style: 'float-label',\r\n path: ctx => `/general/getdistricts?country=${ctx.state.country}&state=${ctx.state.state}&city=${ctx.state.city}`,\r\n remap: (r) => {\r\n const data = r.data.map(item => item = {ID: item.id, name: item.name})\r\n r.data.Results = data\r\n return r\r\n }\r\n },\r\n renderIf: ctx => ctx.state.city && !ctx.state.rip\r\n },\r\n {\r\n col: 12,\r\n name: \"label2\",\r\n value: L => `${L[`admUser.employmentData`]}
`,\r\n type: \"label\",\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"work\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"admUser.workplace\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"jobrole\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"admUser.position\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"profession\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"admUser.profession\",\r\n opts: {\r\n style: 'float-label',\r\n listInLocalStorage: {\r\n name: \"listOptions\",\r\n listName: \"profession\"\r\n }\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"occupation\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"admUser.occupation\",\r\n opts: {\r\n style: 'float-label',\r\n listInLocalStorage: {\r\n name: \"listOptions\",\r\n listName: \"ocupations\"\r\n }\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"workAddress\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.address\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"workCountry\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"admUser.workCountry\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/general/getcountries\",\r\n remap: (r) => {\r\n r.data.Results = r.data.map(item => ({ ID: item.id, name: item.name }))\r\n return r\r\n }\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"workphone\",\r\n value: \"\",\r\n type: \"number\",\r\n label: \"admUser.workPhone\",\r\n rules: \"max:13\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n }\r\n ]\r\n },\r\n\r\n columns: columns\r\n }\r\n return module\r\n}","import dateRange from \"../../components/utils/DateRange\";\r\nexport default (context) => {\r\n return {\r\n config: {\r\n hiddenTitle: true,\r\n pageSize: 40,\r\n list: false\r\n },\r\n \r\n actions: {\r\n search: true,\r\n edit: true,\r\n print: true,\r\n export: true\r\n },\r\n\r\n filter: {\r\n fields: [\r\n ...dateRange()\r\n ],\r\n buttons: [\r\n {\r\n label: 'main.applyFilter',\r\n renderIf: (ctx) => { return ctx.state.range || ctx.state.from || ctx.state.to },\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n fields: [\r\n {\r\n col: 6,\r\n name: \"userName\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.user\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 6,\r\n name: \"moduleId\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.module\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 6,\r\n name: \"date\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.date\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 6,\r\n name: \"action\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.action\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 6,\r\n name: \"IP\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.IPadress\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 6,\r\n name: \"lat\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.location\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n { Header: \"main.event\", accessor: \"ID\" },\r\n { Header: \"main.user\", accessor: \"name\" },\r\n { Header: \"main.date\", accessor: \"date\" },\r\n { Header: \"main.module\", accessor: \"module\" },\r\n { Header: \"main.action\", accessor: \"action\" }\r\n ]\r\n }\r\n}","import _moment from \"../../libs/moment\"\r\nexport default (context) => {\r\n return {\r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n },\r\n\r\n actions: {\r\n create: false,\r\n edit: false,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"day\",\r\n value: _moment().format(\"YYYY-MM-DD\"),\r\n type: \"date\",\r\n label: \"main.date\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"main.grade\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.section\",\r\n parent: \"superSectionId\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.formFilter.superSectionId }\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n name: \"btnFilter\",\r\n label: \"main.applyFilter\",\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.externalId\",\r\n accessor: \"externalId\"\r\n },\r\n {\r\n Header: `main.lastName`,\r\n accessor: \"last\",\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\",\r\n },\r\n {\r\n Header: \"main.grade\",\r\n accessor: \"supersectionName\",\r\n },\r\n {\r\n Header: \"main.section\",\r\n accessor: \"sectionName\"\r\n },\r\n {\r\n Header: \"main.usualDeparture\",\r\n accessor: \"pickupTypeName\"\r\n },\r\n {\r\n Header: \"main.exeption\",\r\n accessor: \"pickupExcepTypeName\"\r\n },\r\n {\r\n Header: \"main.change\",\r\n accessor: \"pickupExcepNote\"\r\n },\r\n {\r\n Header: \"main.time\",\r\n accessor: \"pickupExcepTime\"\r\n }\r\n ]\r\n }\r\n}","import CustomPreviewWhatsApp from \"../../components/utils/CustomPreviewWhatsApp\"\r\nimport React from \"react\";\r\nimport inputTypes from \"../../data/fetchInputTypes\"\r\nimport AppLocale from \"../lang\";\r\nexport default (context) => {\r\n const M = \"admFetchInput.\"\r\n\r\n return {\r\n config: {\r\n pageSize: 100,\r\n hidePagination: true,\r\n list: false,\r\n name: `${M}questions`,\r\n remapRow: (form) => {\r\n return form\r\n },\r\n modal: {\r\n size: \"md\"\r\n }\r\n },\r\n\r\n actions: {\r\n create: {\r\n btn: () => {\r\n context.toggle()\r\n context.setState({showPreview: true})\r\n }\r\n },\r\n edit: true,\r\n delete: true,\r\n print: false,\r\n export: false,\r\n search: false\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.selectedType = r.data.type\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n delete v.flags\r\n delete v.selectedField\r\n return v\r\n },\r\n beforeOpenModal: () => {\r\n return new Promise((resolve) => {\r\n context.setState({modalPreview: false})\r\n resolve(true)\r\n })\r\n },\r\n fields: [\r\n {\r\n name: \"fectchId\",\r\n value: context?.props?.filterBy?.fetchId,\r\n type: \"hidden\",\r\n },\r\n {\r\n col: 12,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"textarea\",\r\n label: `${M}question`,\r\n rules: \"required|max:100\",\r\n maxLength: \"100\",\r\n opts: {\r\n style: 'float-label',\r\n rows: 2,\r\n addon: {\r\n append: {\r\n buttons: [\r\n {\r\n name: \"main.preview\",\r\n onClick: () => {\r\n if (context.state.modalPreview) {\r\n context.togglePreview()\r\n } else {\r\n context.previewOfForm(context.state.form)\r\n context.togglePreview()\r\n }\r\n }\r\n }\r\n ]\r\n }\r\n }\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"label2\",\r\n value: (L) => `${L[`${M}typeAnswer`]}
`,\r\n type: \"label\",\r\n },\r\n {\r\n col: 12,\r\n name: \"selectedType\",\r\n value: \"\",\r\n type: \"text\",\r\n rules: \"required\",\r\n rulesMessages: {messages: {required: 'Select a type'}},\r\n opts: {\r\n inputWrapperClassName: \"d-none\"\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label:`${M}typeText`,\r\n opts: {\r\n value: \"text\",\r\n desc: `${M}descTypeText`,\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type, options: \"\"})\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label:`${M}typeOption`,\r\n opts: {\r\n value: \"option\",\r\n desc: `${M}descTypeOption`\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type, options: \"\"})\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label: `${M}typeMultiple`,\r\n opts: {\r\n value: \"multiple\",\r\n desc: `${M}descTypeMultiple`\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type, options: \"\"})\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label: `${M}typeLocation`,\r\n opts: {\r\n value: \"location\",\r\n desc: `${M}descTypeLocation`\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type, options: \"\"})\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label: `${M}typeSignature`,\r\n opts: {\r\n value: \"signature\",\r\n desc: `${M}descTypeSignature`\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type, options: \"\"})\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label: `${M}typeIdentity`,\r\n opts: {\r\n value: \"kyc\",\r\n desc: `${M}descTypeIdentity`\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type, options: \"\"})\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label: `${M}typePayment`,\r\n opts: {\r\n value: \"payment\",\r\n desc: `${M}descTypePayment`\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type, options: \"\"})\r\n },\r\n {\r\n col: 12,\r\n name: \"label1\",\r\n value: (L) => `${L[`${M}addOption`]}
`,\r\n type: \"label\",\r\n renderIf: ctx => [\"option\", \"multiple\"].indexOf(ctx.state.type) > -1\r\n },\r\n {\r\n col: 12,\r\n name: \"options\",\r\n value: \"\",\r\n type: \"sortable\",\r\n placeholder: `${M}optionPlaceholder`,\r\n rules: \"required\",\r\n opts: {\r\n nameButton: `${M}addAnswer`\r\n },\r\n renderIf: ctx => [\"option\", \"multiple\"].indexOf(ctx.state.type) > -1\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"\",\r\n accessor: \"type\",\r\n type: \"img\",\r\n width: 80\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"name\",\r\n type: \"html\",\r\n cell: (props) => {\r\n const L = AppLocale[context.props.locale].messages\r\n const typeName = inputTypes.find(i => i.value === props.original.type)?.label\r\n return \r\n {props.original.name}\r\n {`${L[`${M}typeAnswer`]}: ${L[typeName]}` ?? props.original.type}\r\n \r\n }\r\n }\r\n ],\r\n \r\n preview: {\r\n template: CustomPreviewWhatsApp,\r\n previewOf: {\r\n form: {\r\n name: `main.whatsappMessagePreview`,\r\n handleData: (data) => {\r\n if (!data) return\r\n let msgs = []\r\n let msg = {\r\n type: \"received\",\r\n content: data.name,\r\n buttons: data.options ? data.options?.split(\"|\") : []\r\n }\r\n msgs.push(msg)\r\n return msgs\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}","export default (context) => {\r\n let columns = [\r\n {\r\n Header: \"ID\",\r\n accessor: \"ID\",\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"User\",\r\n accessor: \"user\",\r\n minWidth: 120\r\n },\r\n {\r\n Header: \"Date Completed\",\r\n accessor: \"dateCompleted\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"col1\",\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"col2\"\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"col3\"\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"col4\"\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"col5\"\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"col6\"\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"col7\"\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"col8\"\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"col9\"\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"col10\"\r\n }\r\n ];\r\n\r\n return {\r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n remap: (r) => {\r\n // hack for dynamic column names\r\n if (r.data.Results.length > 0 && r.data.Results[0].ID === -1) {\r\n // Use the first item to apply column names if needed\r\n const columnsData = r.data.Results[0]; // Get column names from the first item\r\n // const columnNames = Object.keys(columnsData); // Get column names from the first item\r\n // Exclude the first items\r\n r.data.Results = r.data.Results.slice(1);\r\n\r\n const columns = context.state.columns\r\n let remove = [];\r\n\r\n columns.map((item) => {\r\n if (item.accessor && item.accessor.startsWith(\"col\")) {\r\n item.Header = columnsData[item.accessor];\r\n if (item.Header === '') remove.push(item.accessor);\r\n }\r\n return item\r\n })\r\n\r\n for (let i = columns.length - 1; i >= 0; i--) {\r\n if (remove.includes(columns[i].accessor)) {\r\n columns.splice(i, 1); // Remove the item at index i\r\n }\r\n }\r\n\r\n context.setState({ columns: columns });\r\n\r\n }\r\n return r\r\n }\r\n },\r\n\r\n actions: {\r\n create: false,\r\n edit: false,\r\n delete: true,\r\n print: { remap: true },\r\n export: { remap: true },\r\n search: true\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n type: \"daterange\",\r\n range: {\r\n value: 0\r\n }\r\n },\r\n {\r\n name: \"fetchId\",\r\n value: 0,\r\n type: \"select\",\r\n label: \"Select a Looc flow\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: false,\r\n path: \"/admFetch/get\",\r\n withImg: false\r\n }\r\n },\r\n {\r\n name: \"fetchInputId\",\r\n value: 0,\r\n type: \"select\",\r\n label: \"Search by input\",\r\n parent: \"fetchId\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: false,\r\n path: () => { return '/admFetchInput/get?fetchId=' + context.state.formFilter.fetchId },\r\n withImg: false\r\n },\r\n renderIf: (ctx) => ctx.state.fetchId > 0\r\n },\r\n {\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Customer\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: \"/admStaff/get\",\r\n withImg: true\r\n }\r\n },\r\n\r\n /* {\r\n name: \"status\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Estado\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: 1,\r\n label: \"Confirmados\"\r\n },\r\n {\r\n value: 0,\r\n label: \"Pendientes\"\r\n }\r\n ]\r\n }\r\n }*/\r\n ],\r\n buttons: [\r\n {\r\n label: 'Filter',\r\n renderIf: (ctx) => { return ctx.state.fetchId > 0 && (ctx.state.from || ctx.state.to || Number.isInteger(ctx.state.userId)) },\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n columns: columns\r\n }\r\n}"],"sourceRoot":""}
\r\n {\r\n // console.log(e.target.checked)\r\n checkedAll(e.target.checked)\r\n }}\r\n />\r\n
,\r\n accessor: \"isChecked\",\r\n sortable: false,\r\n type: 'check',\r\n minWidth: 50,\r\n classList: \"w-sm-100\",\r\n Cell: (props) => {\r\n return \r\n {\r\n // console.log(e.target.checked)\r\n checkedItem(props.original.ID, e.target.checked)\r\n }}\r\n />\r\n
\r\n }\r\n }\r\n )\r\n setColumns(temp)\r\n }\r\n\r\n // equal to componentDidMount\r\n useEffect(() => {\r\n // console.log('mounted')\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (prevStateFormFilter === null && formFilter) {\r\n addColumn()\r\n getData()\r\n }\r\n const selected = {\r\n formFilter: formFilter,\r\n }\r\n props.listenSelected(selected)\r\n // console.log(selected)\r\n // eslint-disable-next-line\r\n }, [formFilter]);\r\n\r\n useEffect(() => {\r\n // console.log(data)\r\n addColumn();\r\n // eslint-disable-next-line\r\n }, [data]);\r\n\r\n useEffect(() => {\r\n if (prevStateSearch && search === '') getData()\r\n // eslint-disable-next-line\r\n }, [search]);\r\n\r\n useEffect(() => {\r\n if(addItems && addItems.length > 0) {\r\n // console.log('add', addItems)\r\n const d = addItems.concat(data)\r\n setData(d)\r\n }\r\n // eslint-disable-next-line\r\n }, [addItems]);\r\n\r\n useEffect(() => {\r\n if(removeItems && removeItems.length > 0) {\r\n const d = data.filter(e => removeItems.map(o => o = o.ID).indexOf(e.ID) < 0)\r\n setData(d)\r\n }\r\n // eslint-disable-next-line\r\n }, [removeItems]);\r\n\r\n const query = () => {\r\n let pageSize = \"?PageSize=10000\"\r\n let fieldsToFilter = formFilter || {};\r\n let filters = objToQueryString(fieldsToFilter, false, true);\r\n let s = search ? '&filterBy=&filter=' + search : ''\r\n let page = '&page=1'\r\n return pageSize + filters + s + page\r\n }\r\n\r\n const getData = () => {\r\n setProgressBar(true)\r\n var path = config.GET\r\n _axios\r\n .get(path + query())\r\n .then(r => {\r\n if (r.status >= 0) {\r\n r.data.Results.map(e => {\r\n e.isChecked = false\r\n return e\r\n })\r\n setData(r.data.Results)\r\n setRowCount(r.data.Results.length)\r\n const selected = {\r\n formFilter: formFilter,\r\n data: []\r\n }\r\n props.listenSelected(selected)\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n setProgressBar(false)\r\n })\r\n }\r\n\r\n const listenStatesFormFilter = (s) => {\r\n // console.log(s)\r\n setFormFilter(s)\r\n }\r\n\r\n const handleChangeSearch = (e) => {\r\n setSearch(e.target.value)\r\n }\r\n\r\n const handleKeyPress = (event) => {\r\n if (event.key === 'Enter') getData()\r\n }\r\n\r\n return config ? {config.title}
\r\n\r\n { setSearch('') }}\r\n >\r\n
\r\n }\r\n \r\n { this.moveTo('right') }}\r\n >\r\n \r\n \r\n { this.moveTo('left') }}\r\n >\r\n \r\n \r\n
\r\n Asistencia
\r\n}\r\n {this.filterData().length === 0 && !this.state.progressBar &&
{L[\"main.noRecords\"]}
}\r\n {this.filterData().length > 0 &&\r\n (this.componentRef = el)}>\r\n {this.state.overlay && }\r\n
\r\n }\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n {/* Stundents */}\r\n {this.filterData().map((item, i) => {\r\n return (\r\n {L[\"main.student\"]}
\r\n \r\n
\r\n )})\r\n }\r\n \r\n {e.target.onerror = null; e.target.src=require(\"../../../../assets/img/user.png\")}} alt=\"\"/>\r\n
\r\n {item.last + ' ' + item.name}
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n {L[`${M}attendance`]}
\r\n \r\n
\r\n {L[\"main.justification\"]}
\r\n \r\n
\r\n {L[\"main.observations\"]}
\r\n \r\n\r\n {/* Stundents */}\r\n {this.filterData().map((item, i) => {\r\n return (\r\n
\r\n \r\n
\r\n )})\r\n }\r\n \r\n { this.execute(item, 1) }}\r\n disabled={item.processing || item.status === 1}\r\n >\r\n \r\n \r\n { this.execute(item, 2) }}\r\n disabled={item.processing || item.status === 2}\r\n >\r\n \r\n \r\n { this.execute(item, 3) }}\r\n disabled={item.processing || item.status === 3}\r\n >\r\n \r\n \r\n
\r\n \r\n {item.justifType}\r\n
\r\n \r\n {\r\n let temp = cloneDeep(this.state.dataTemp)\r\n temp.map(e => {\r\n if (e.id === item.id) e.comment = n\r\n return e\r\n })\r\n this.setState({dataTemp: temp}, () => {\r\n // console.log(this.state.data)\r\n })\r\n }}\r\n onFocus={() => {\r\n const sideRight = document.getElementById('attendance-side-right')\r\n sideRight.scrollLeft = sideRight.scrollWidth\r\n }}\r\n />\r\n
\r\n \r\n e.id === item.id).comment ? \"d-block\" : \"d-none\" )}\r\n onClick={() => { this.saveComment(item) }}\r\n >\r\n Guardar\r\n \r\n
\r\n \r\n {(addCheck || item.icon) &&
\r\n \r\n {item.id === selected && addCheck && }\r\n {item.icon && } \r\n
}\r\n {typeof item.name == \"function\" ? item.name(rowData) : L[item.name] ?? item.name}
\r\n \r\n else if (e.isDate) temp[i].Cell = props => fDate(props, e.format)\r\n else if (e.isDecimal) temp[i].Cell = props => decimalFormat(props.value)\r\n else if (e.type && e.type === 'chip') temp[i].Cell = props =>
\r\n {\r\n props.original['isChecked_'+e.accessor] = !props.original['isChecked_'+e.accessor]\r\n let list = this.state.checkedList\r\n const i = list.findIndex(item => item.rowId === props.original.ID && item.colId === e.accessor && item.mail === props.value)\r\n i > -1 ? list.splice(i, 1) : list.push({rowId: props.original.ID, colId: e.accessor , mail: props.value})\r\n }}\r\n />\r\n \r\n {props.value}\r\n \r\n
\r\n } else return ''\r\n }\r\n }\r\n // concept\r\n else if (e.type && e.type === 'concept') temp[i].Cell = (props) => { \r\n return {props.value}
\r\n }\r\n /* end admEvalConcept */\r\n });\r\n\r\n const edit = {\r\n width: 50,\r\n Cell: props => props.original.editRow(props.original.ID)} />,\r\n isButton: true,\r\n classList: 'd-none d-md-block d-lg-block d-xl-block'\r\n }\r\n\r\n const delet = {\r\n width: 50,\r\n Cell: props => props.original.deleteRow(props.original.ID)} />,\r\n isButton: true,\r\n classList: 'd-none d-md-block d-lg-block d-xl-block'\r\n }\r\n\r\n let extra = []\r\n if (this.view.extras && this.view.extras.itemsInRowsTable && this.view.extras.itemsInRowsTable.length > 0) {\r\n const maxActions = this.view.extras.maxActions || 0\r\n this.view.extras.itemsInRowsTable.slice(0, maxActions).forEach(item => {\r\n extra.push({\r\n width: 50,\r\n Cell: props =>\r\n \r\n {\r\n this.setState({ idItemPreSelected: props.original.ID }, () => {\r\n item.onClick(props.original, this);\r\n this.listenBtnActionsFormFilter('menu', item, props.original);\r\n });\r\n }\r\n }\r\n />\r\n \r\n {AppLocale[this.props.locale].messages[item.name]?? item.name}\r\n \r\n
,\r\n isButton: true,\r\n classList: 'd-none d-md-block d-lg-block d-xl-block'\r\n })\r\n });\r\n\r\n if ((this.view.extras.itemsInRowsTable.length - maxActions) > 0) {\r\n extra.push(\r\n {\r\n width: 50,\r\n Cell: props => \r\n \r\n
\r\n }\r\n\r\n if (this.view.extras && this.view.extras.itemsInRowsTable) temp = temp.concat(extra)\r\n if (this.view.actions.edit) temp.push(edit)\r\n if (this.view.actions.delete) temp.push(delet)\r\n this.setState(({ columns: temp }), () => { /*console.log(this.state.columns)*/ })\r\n }\r\n\r\n query() {\r\n let pageSize = \"?PageSize=\" + this.state.pageSize\r\n let fieldsToFilter = this.state.formFilter?? {};\r\n // parent ID filter\r\n if(this.state.parentId) fieldsToFilter.parentId = this.state.parentId;\r\n // add params\r\n if(this.props.filterBy) fieldsToFilter = {...fieldsToFilter, ...this.props.filterBy}\r\n \r\n let filters = objToQueryString(fieldsToFilter, false, true);\r\n let search = this.state.search ? ('&filterBy=' + (this.view.actions.search.by || '') + '&' + (this.view.actions.search.paramName || 'filter') +'=' + this.state.search) : ''\r\n let page = this.state.currentPage ? ('&page=' + this.state.currentPage) : ''\r\n return pageSize + filters + search + page\r\n }\r\n\r\n createMsgNoRecords () {\r\n const formFilter = cloneDeep(this.state.formFilter)\r\n let msg = null\r\n if (formFilter && Object.values(formFilter).some(val => val !== null && val !== undefined && val !== \"\")) {\r\n const filters = Object.entries(formFilter).reduce((acc, [key, value]) => {\r\n if (value !== null && value !== undefined && value !== \"\") {\r\n acc[key] = value\r\n }\r\n return acc\r\n }, {})\r\n const { L, selects } = this.state\r\n const fields = this.view.filter.fields.filter(f => Object.keys(filters).indexOf(f.name) > -1 && f.type !== \"hidden\")\r\n msg = `${L[\"main.noRecordsForFilters\"]} `\r\n fields.forEach((field, index) => {\r\n if (field.type === \"select\") msg+= `${L[field.label]?? field.label}: ${selects[field.name]?.label}${index === (fields.length -1) ? \". \" : \", \"}`\r\n else msg+= `${L[field.label]?? field.label}: ${filters[field.name]}${index === (fields.length -1) ? \". \" : \", \"}`\r\n })\r\n if (this.view.actions.create) msg += L[\"main.addRecordsWithCreateButton\"]\r\n this.setState({msgNoRecords: msg})\r\n }\r\n }\r\n\r\n getData() {\r\n this.setState({ progressBar: true })\r\n let path = `${this.view.config.customPathGet || `${this.state.resource}/get/`}${this.query()}`\r\n _axios\r\n .get(path)\r\n .then(r => {\r\n if (r.status >= 0 && r.data?.RowCount > -1) {\r\n this.setState({ rowCount: r.data.RowCount, pageCount: r.data.PageCount, progressBar: false })\r\n return\r\n }\r\n if (this.view.config.remap) r = this.view.config.remap(r, this.view.config.remapRow)\r\n\r\n if (r.status >= 0) {\r\n if (r.data.Results.length === 0) {\r\n this.createMsgNoRecords()\r\n let msg = AppLocale[this.props.locale].messages[\"main.noRecords\"]\r\n this.props.insideCustomForm ? this.setState({customMsg: msg}) : NotificationManager.success(msg, AppLocale[this.props.locale].messages[\"main.info\"], 5000, null, null, 'outline')\r\n }\r\n \r\n let data = []\r\n if (this.view.config.getDataSuccess) data = this.view.config.getDataSuccess(r.data.Results)\r\n else {\r\n r.data.Results.forEach(e => {\r\n e.editRow = this.getDataById\r\n e.deleteRow = this.toggleDelete\r\n data.push(e)\r\n })\r\n }\r\n this.setState({ data: data, rowCount: r.data.RowCount })\r\n } else {\r\n this.props.insideCustomForm ? this.setState({customMsg: r.msg}) : NotificationManager.error(r.msg, 'Opps', 5000, null, null, 'outline')\r\n }\r\n this.setState({ progressBar: false })\r\n })\r\n }\r\n\r\n getDataById = (id, selectedId = true) => {\r\n if (selectedId) this.setState({idItemSelected: id})\r\n this.props.setLoader(true)\r\n var path = `${this.state.resource}/get/${id}`\r\n _axios\r\n .get(path)\r\n .then(r => {\r\n this.props.setLoader(false)\r\n\r\n if (this.view.form.remapOne) r = this.view.form.remapOne(r)\r\n\r\n if (r.status >= 0) {\r\n let fields = cloneDeep(this.state.formFields)\r\n fields.forEach((f) => {\r\n if (f.type !== 'label' && f.type !== 'alert') f.value = r.data[f.name]\r\n if (f.type === 'dropzone') f.opts.url = r.data[f.name + 'Url']\r\n // for collapsible type fields\r\n if (f.childs) f.childs = (f.childs || []).map(c => ({ ...c, value: r.data[c.name] }))\r\n // for wizard type fields\r\n if (f.steps) {\r\n f.steps = f.steps.map(step => \r\n ({ ...step, fields: step.fields.map(field =>\r\n (field.type !== 'label' && field.type !== 'alert'\r\n ? field.childs \r\n ? { ...field, childs: field.childs.map(c => ({ ...c, value: r.data[c.name] }))}\r\n : { ...field, value: r.data[field.name] }\r\n : field\r\n )\r\n )})\r\n )\r\n }\r\n // for tabs type fields\r\n if (f.tabs) f.tabs = f.tabs.map(tab => ({ ...tab, fields: tab.fields.map(field => (field.type !== 'label' && field.type !== 'alert' ? { ...field, value: r.data[field.name] } : field)) }))\r\n })\r\n\r\n this.setState({ formFields: fields }, () => {\r\n if (selectedId && !this.state.modal) this.toggle()\r\n if (this.view.form.onGetDataById) this.view.form.onGetDataById()\r\n })\r\n } else NotificationManager.error(r.msg, \"Opps\", 5000, null, null, 'outline')\r\n \r\n }).catch(e => {\r\n this.props.setLoader(false)\r\n })\r\n }\r\n\r\n uploadFiles (id) {\r\n return new Promise((resolve, reject) => {\r\n try {\r\n if (!id) return resolve('empty')\r\n id = typeof id === 'object' ? id.ID : id\r\n\r\n const dropzones = this.searchDropzones()\r\n this.setState({ dropzones: dropzones }, () => {\r\n if (this.state.dropzones.length === 0) return resolve('empty')\r\n this.props.setLoader(true)\r\n\r\n const error = (error) => {\r\n this.props.setLoader(false)\r\n return reject(error)\r\n }\r\n const setUploadActive = (data) => {\r\n if (this.state.uploadActive < this.state.dropzones.length) {\r\n // console.log('active', this.state.uploadActive)\r\n this.setState({uploadActive: this.state.uploadActive + 1}, () => {\r\n if (this.state.uploadActive >= this.state.dropzones.length) {\r\n this.props.setLoader(false)\r\n return resolve(data)\r\n }\r\n this.setState({\r\n uploadFiles: {id: id, name: this.state.dropzones[this.state.uploadActive].name, success: setUploadActive, error: error },\r\n })\r\n })\r\n }\r\n }\r\n\r\n if (this.state.dropzones.length > 0) {\r\n this.setState({uploadActive: 0}, () => {\r\n this.setState({\r\n uploadFiles: {id: id, name: this.state.dropzones[this.state.uploadActive].name, success: setUploadActive, error: error },\r\n })\r\n })\r\n }\r\n })\r\n } catch (error) {\r\n reject(error)\r\n }\r\n })\r\n }\r\n\r\n searchDropzones() {\r\n let dropzones = this.state.formFields.filter(f => f.type === 'dropzone')\r\n const wizard = this.state.formFields.find(f => f.type === \"wizard\")\r\n if (wizard && Array.isArray(wizard.steps)) {\r\n const stepId = this.state.form?.flags?.currentStepId\r\n const currentStep = wizard.steps.find(s => s.id === stepId)\r\n if (currentStep && Array.isArray(currentStep.fields)) {\r\n currentStep.fields.forEach(sf => {\r\n if (sf.type === \"dropzone\") {\r\n dropzones = [...dropzones, sf]\r\n }\r\n if (sf.type === \"fieldset\" && Array.isArray(sf.childs)) {\r\n sf.childs.forEach(f => {\r\n if (f.type === \"dropzone\") {\r\n dropzones = [...dropzones, f]\r\n }\r\n })\r\n }\r\n })\r\n }\r\n }\r\n return dropzones\r\n }\r\n\r\n setValueDropZone(form) {\r\n const dropzones = this.searchDropzones()\r\n dropzones.forEach(e => {\r\n if (form[e.name] && Array.isArray(form[e.name])) form[e.name] = null\r\n })\r\n return form\r\n }\r\n\r\n defaultValuesUploadFiles () {\r\n this.setState({\r\n dropzones: [],\r\n uploadActive: 0,\r\n uploadFiles: null,\r\n })\r\n }\r\n\r\n create() {\r\n this.validateForm().then(() => {\r\n this.props.setLoader(true)\r\n const wizard = this.state.wizard\r\n const stepMethod = wizard?.steps?.find(s => s.id === this.state.form?.flags?.currentStepId)?.method\r\n let path = this.view.config.customPathPost?? (stepMethod ? stepMethod() : `${this.state.resource}/create`)\r\n let form = cloneDeep(this.state.form)\r\n form = this.setValueDropZone(form)\r\n // modify values before post\r\n if (this.view.form.setValuesBeforePost) {\r\n form = this.view.form.setValuesBeforePost(form)\r\n }\r\n _axios\r\n .post(`${path}${this.state.parentId ? `?parentId=${this.state.parentId}` : ''}`, form)\r\n .then(r => {\r\n if (!this.view.form.onCreateSuccess) this.props.setLoader(false)\r\n ///Temp fix\r\n // if (!r.status) r = { status: 0, data: r };\r\n if (r.status === undefined || r.status === null) r = { status: 0, data: r }\r\n // TBD: user remap in axios for response format\r\n if (r.status >= 0) {\r\n this.uploadFiles(r.data).then((response) => {\r\n this.defaultValuesUploadFiles()\r\n if (this.view.actions?.create?.reloadGrid) this.getData()\r\n else if (r.data) {\r\n const ID = r.data.ID || r.data\r\n const index = this.state.data.findIndex(e => e.ID === ID )\r\n let array = [...this.state.data] // make a separate copy of the array\r\n const rm = this.view.config.remapRow ? this.view.config.remapRow(this.state.form, r.data, 'create', response) : this.state.form\r\n if (index > -1) {\r\n array[index] = { ...array[index], ...rm }\r\n } else {\r\n let newItem = { ...rm }\r\n newItem.ID = ID\r\n newItem.editRow = this.getDataById\r\n newItem.deleteRow = this.toggleDelete\r\n array.splice(0, 0, newItem)\r\n }\r\n this.setState({ data: array, animateTr: this.animateTrById(ID) }, () => {\r\n setTimeout(() => { this.setState({ animateTr: null }) }, 3000)\r\n })\r\n }\r\n if (!this.state.idItemSelected && wizard) this.handleNextStepOfWizard()\r\n process.nextTick(() => {\r\n if (this.view.form.onCreateSuccess) this.view.form.onCreateSuccess(r)\r\n else this.toggle()\r\n this.props.listenCreateSuccess && this.props.listenCreateSuccess(true)\r\n })\r\n })\r\n .catch((e) => { console.log(e) })\r\n } else {\r\n if (this.view.form.onCreateFailure) this.view.form.onCreateFailure(r)\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n })\r\n .catch((e) => { this.props.setLoader(false) })\r\n })\r\n .catch(e => { /* console.log(e) */ })\r\n }\r\n\r\n edit() {\r\n this.validateForm().then(() => {\r\n this.props.setLoader(true);\r\n const wizard = this.state.wizard\r\n var path = this.view.config.customPathPost ? this.view.config.customPathPost.replace('{ID}', this.state.idItemSelected) : `${this.state.resource}/edit/${this.state.idItemSelected}`\r\n var form = cloneDeep(this.state.form)\r\n // If the editor type field has not changed its value, null must be sent\r\n let fields = cloneDeep(this.state.formFields)\r\n fields.forEach((f) => {\r\n for (const [key] of Object.entries(form)) {\r\n if (f.type === 'editor' && f.name === key) {\r\n if (form[key] === this.state.formDefault[key]) form[key] = null\r\n }\r\n /* for collapsible type fields */\r\n if (f.childs && f.childs.length > 0) {\r\n for (var i=0; i{temp[0].isDate ? fDate(props, temp[0].format) : temp[0].type === \"img\" ? colImg(props) : temp[0].type === \"html\" ? temp[0].cell(props) : props.value}
\r\n \r\n {\r\n let r = []\r\n if (this.view.actions.edit) r.push({ icon: (this.state.writePermission ? \"simple-icon-pencil\" : \"simple-icon-eye\"), name: (this.state.writePermission ? \"Editar\" : \"Ver detalle\"), onClick: () => props.original.editRow(props.original.ID) })\r\n if (this.view.actions.delete) r.push({ icon: 'simple-icon-trash', name: 'Eliminar', onClick: () => props.original.deleteRow(props.original.ID) })\r\n if (this.view.extras && this.view.extras.itemsInRowsTable) r = r.concat(this.view.extras.itemsInRowsTable)\r\n return r\r\n })()}\r\n rowData={props.original}\r\n ctx={this}\r\n />\r\n
\r\n { TITLE }
:{ TITLE }
)}\r\n\r\n
\r\n \r\n f.onSuccess(s) : () => { }}\r\n remap={f.remap}\r\n sideToSide={f.sideToSide}\r\n />\r\n
\r\n \r\n this.ctxExportToExcel = ctx}\r\n />\r\n }\r\n\r\n {/* PRINT */}\r\n {this.view.actions?.print &&\r\n this.ctxExportToPrint = ctx}\r\n />\r\n }\r\n\r\n {/* DATATABLE CONTROLS */}\r\n {/*\r\n {this.view.config && this.view.config.list &&\r\n { this.setState({ dataTableList: true }) }}\r\n >\r\n Mostrar lista \r\n
\r\n \r\n }\r\n */}\r\n \r\n \r\n \r\n {/* SEARCH */}\r\n {this.view.actions?.search &&\r\n
\r\n\r\n \r\n { this.setState(({ search: '' }), () => { this.resetDataTable() }) }}\r\n >\r\n
\r\n }\r\n \r\n {/* CREATE */}\r\n {this.view.actions?.create &&\r\n \r\n }\r\n\r\n {/* IMPORT DATA */}\r\n {this.view.actions?.import && \r\n this.ctxImportTo = ctx}\r\n hideButton={this.state.data.length > 0}\r\n />\r\n }\r\n\r\n {/* OTHER BUTTONS */}\r\n {this.view.extras?.items && this.view.extras.items.length === 1 && !this.view.extras.maxItems &&\r\n \r\n }\r\n\r\n {(this.view.actions?.export || this.view.actions?.print || this.view.actions?.import) &&
\r\n \r\n {/* EXPORT EXCEL */}\r\n {this.view.actions?.export &&\r\n \r\n { this.setState({ dataTableList: false }) }}\r\n >\r\n Mostrar tabla \r\n
\r\n ');\r\n}\r\n\r\nexport const getNextDayOfWeek = (dayOfWeek) => {\r\n if (dayOfWeek < 0 || dayOfWeek > 6) {\r\n throw new Error('dayOfWeek must be between 0 (Sunday) and 6 (Saturday)')\r\n }\r\n\r\n const today = _moment()\r\n const currentDay = today.day()\r\n let daysUntilNext = (dayOfWeek - currentDay + 7) % 7\r\n \r\n if (daysUntilNext === 0) {\r\n daysUntilNext = 7\r\n }\r\n\r\n const nextDay = today.add(daysUntilNext, 'days')\r\n nextDay.startOf('day')\r\n\r\n return nextDay.format('YYYY-MM-DD')\r\n}","import React, { Component } from \"react\";\r\nimport { setLoader } from \"../../redux/actions\";\r\nimport {\r\n Card,\r\n CardBody,\r\n CardTitle\r\n} from \"reactstrap\";\r\nimport { connect } from \"react-redux\";\r\nimport FormCustom from \"../../components/utils/FormCustom\";\r\nimport _axios from \"../../libs/axios\";\r\nimport { NotificationManager } from \"../../components/common/react-notifications\";\r\nimport { cloneDeep } from \"lodash\"\r\nimport AppLocale from \"../../config/lang\";\r\n\r\nclass FormSmart extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n formFields: props.fields,\r\n form: null,\r\n loaded: false,\r\n prevState: null,\r\n progressBar: false,\r\n // upload files\r\n dropzones: [],\r\n uploadActive: -1,\r\n uploadFiles: null,\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.listenStates) this.props.listenStates(this.state.formFields)\r\n setTimeout(() => {\r\n this.getMyData();\r\n }, 300);\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (this.state.formFields !== prevState.formFields) {\r\n if (this.props.listenStates) this.props.listenStates(this.state.formFields)\r\n }\r\n }\r\n\r\n listenStatesForm = (s) => {\r\n if (!this.props.fields) return\r\n let fields = cloneDeep(this.props.fields);\r\n fields.forEach((f, i) => {\r\n for (const [key, val] of Object.entries(s)) {\r\n if (f.name === key) fields[i].value = val\r\n }\r\n });\r\n\r\n this.setState({ formFields: fields, form: s });\r\n\r\n // Detect changes in form\r\n if (this.state.loaded && this.state.prevState !== null && this.state.prevState !== s) {\r\n if (this.props.buttons) this.props.buttons[0].disabled = false;\r\n this.forceUpdate();\r\n }\r\n }\r\n\r\n listenBtnActionsFormFilter = (a, s) => {\r\n if (a === 'save') {\r\n this.postMyData();\r\n }\r\n }\r\n\r\n uploadFiles (id) {\r\n return new Promise((resolve, reject) => {\r\n try {\r\n this.setState({ dropzones: this.props.fields.filter((e) => { return e.type === 'dropzone'}) }, () => {\r\n if (this.state.dropzones.length === 0) return resolve('empty')\r\n\r\n this.props.setLoader(true)\r\n\r\n let error = (e) => {\r\n this.setState({\r\n dropzones: [],\r\n uploadActive: -1,\r\n uploadFiles: null,\r\n })\r\n this.props.setLoader(false)\r\n reject(e)\r\n }\r\n\r\n let setUploadActive = () => {\r\n if (this.state.uploadActive < this.state.dropzones.length) {\r\n this.setState({\r\n uploadActive: this.state.uploadActive + 1}, () => {\r\n if (this.state.uploadActive >= this.state.dropzones.length) {\r\n this.props.setLoader(false)\r\n return resolve('ok')\r\n }\r\n this.setState({\r\n uploadFiles: {id: id, name: this.state.dropzones[this.state.uploadActive].name, success: setUploadActive, error: error },\r\n })\r\n })\r\n }\r\n }\r\n\r\n if (this.state.dropzones.length > 0) {\r\n this.setState({uploadActive: 0}, () => {\r\n this.setState({\r\n uploadFiles: {id: id, name: this.state.dropzones[this.state.uploadActive].name, success: setUploadActive, error: error },\r\n })\r\n })\r\n }\r\n })\r\n } catch (error) {\r\n reject(error)\r\n }\r\n })\r\n }\r\n\r\n getMyData() {\r\n var path = this.props.getUrl;\r\n let fields = cloneDeep(this.props.fields)\r\n\r\n if(!path && this.props.remapGET) {\r\n fields.forEach((f, i) => {\r\n for (const [key, val] of Object.entries(this.props.remapGET())) {\r\n if (f.name === key) fields[i].value = val\r\n }\r\n });\r\n\r\n this.setState({ formFields: fields, loaded: true, progressBar: false });\r\n this.setState({ prevState: this.state });\r\n return;\r\n }\r\n \r\n if(!path) {\r\n this.setState({ loaded: true });\r\n this.setState({ prevState: this.state });\r\n return;\r\n }\r\n\r\n let R = (r) => {\r\n if (this.props.remapGET) r = this.props.remapGET(r);\r\n else if (r && r.data) r = r.data;\r\n\r\n if (r) {\r\n fields.forEach((f, i) => {\r\n for (const [key, val] of Object.entries(r)) {\r\n if (f.name === key) fields[i].value = val\r\n }\r\n });\r\n }\r\n \r\n this.setState({ formFields: fields, loaded: true, progressBar: false });\r\n this.setState({ prevState: this.state });\r\n\r\n // disable save button\r\n if (this.props.buttons) this.props.buttons[0].disabled = true;\r\n this.forceUpdate();\r\n };\r\n\r\n if (!path) R();\r\n else _axios\r\n .get(path)\r\n .then(R).catch(e => {\r\n console.log(e);\r\n })\r\n }\r\n\r\n postMyData() {\r\n this.validateForm().then(() => {\r\n this.setState({ progressBar: true });\r\n this.props.buttons[0].disabled = true;\r\n this.forceUpdate();\r\n\r\n var path = this.props.postUrl;\r\n\r\n let body = cloneDeep(this.state.form)\r\n delete body.flags\r\n delete body.selectedField\r\n\r\n _axios\r\n .post(path, body)\r\n .then(r => {\r\n this.setState({ progressBar: false });\r\n\r\n if (r.status === 0) {\r\n this.uploadFiles(r.data).then((response) => {\r\n NotificationManager.success(r.msg || this.props.okMsg, this.props.title, 5000, null, null, 'outline');\r\n if (this.props.onSuccess) this.props.onSuccess(this)\r\n }).catch(e => {\r\n this.props.buttons[0].disabled = false;\r\n this.forceUpdate();\r\n console.log(e);\r\n });\r\n }\r\n else {\r\n NotificationManager.error(r.msg, this.props.title, 10000, null, null, 'outline');\r\n this.props.buttons[0].disabled = false;\r\n this.forceUpdate();\r\n }\r\n })\r\n .catch((e) => {\r\n this.props.buttons[0].disabled = false;\r\n this.forceUpdate();\r\n })\r\n })\r\n .catch(e => {\r\n NotificationManager.error(\"Campos requeridos\", \"Completar los campos requeridos\", 3000, null, null, 'outline')\r\n })\r\n }\r\n\r\n getSkeleton() {\r\n if (!this.state.formFields) return\r\n let temp = cloneDeep(this.state.formFields);\r\n\r\n temp.forEach(e => {\r\n if (['label', 'dropzone'].indexOf(e.type) === -1) e.value = e.value === true || e.value === false ? false : '...';\r\n });\r\n\r\n return temp;\r\n }\r\n\r\n showTooltip(field) {\r\n if (this.props.listenBtnActions) this.props.listenBtnActions('tooltip', field);\r\n }\r\n\r\n render() {\r\n const { locale } = this.props\r\n const L = AppLocale[locale].messages\r\n const p = this.props\r\n return (\r\n
{this.state.progressBar &&
\r\n }
\r\n
\r\n {L[name]?? name}
\r\n \r\n
\r\n {sheet &&\r\n \r\n
\r\n \r\n
\r\n \r\n { e.target.onerror = null; e.target.src = require(\"../../assets/img/user.png\") }} />\r\n
\r\n \r\n {window.tenant.name}
\r\n {L[\"admNotification.online\"]}\r\n
\r\n \r\n {L[\"admNotification.online\"]}\r\n
\r\n {messages && \r\n \r\n {messages.map((m, i) => {\r\n return (\r\n
\r\n )\r\n })}\r\n \r\n }\r\n \r\n \r\n {m.buttons?.length > 0 && \r\n
\r\n }\r\n \r\n {m.buttons.slice(0, m.buttons.length <= 3 ? m.buttons.length : 2).map((b, i2) => {\r\n return {setSheet(true); setOptions(m.buttons)}}\r\n >\r\n {L[\"main.seeAllOptions\"]}\r\n
\r\n }\r\n {b}
\r\n })}\r\n {m.buttons.length > 3 && \r\n \r\n
\r\n }\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {options.map((o, i) => {\r\n return {setSheet(false)}}>×
\r\n {L[\"main.allOptions\"]}\r\n {setSheet(false)}}>{o}
\r\n })}\r\n \r\n \r\n
\r\n \r\n )\r\n}\r\nexport default CustomPreviewWhatsApp","/* eslint-disable jsx-a11y/label-has-for */\r\n/* eslint-disable jsx-a11y/label-has-associated-control */\r\nimport React, { useState } from \"react\";\r\n\r\nconst CalendarToolbar = (toolbar) => {\r\n const [viewActive, setViewActive] = useState('month')\r\n\r\n const goToBack = () => {\r\n toolbar.onNavigate('PREV')\r\n }\r\n\r\n const goToNext = () => {\r\n toolbar.onNavigate('NEXT')\r\n }\r\n\r\n const goToCurrent = () => {\r\n toolbar.onNavigate('TODAY')\r\n toolbar.onView('month')\r\n setViewActive('month')\r\n }\r\n\r\n const viewDay = () => {\r\n toolbar.onView('day')\r\n setViewActive('day')\r\n }\r\n\r\n const viewWeek = () => {\r\n toolbar.onView('week')\r\n setViewActive('week')\r\n }\r\n \r\n const viewMonth = () => {\r\n toolbar.onView('month')\r\n setViewActive('month')\r\n }\r\n\r\n const { L, label } = toolbar\r\n return (\r\n \r\n
\r\n )\r\n}\r\nexport default CalendarToolbar;\r\n","import React, {useEffect, useState} from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Button, Card, CardBody } from 'reactstrap';\r\nimport { Calendar, momentLocalizer } from 'react-big-calendar';\r\nimport CalendarToolbar from '../CalendarToolbar'\r\nimport _moment from '../../libs/moment';\r\nimport { isAndroidOrIos } from '../../helpers/Utils';\r\n\r\nconst CustomCalendar = (props) => {\r\n const [data, setData] = useState([])\r\n const [diff, setDiff] = useState(0)\r\n const [prevDiff, setPrevDiff] = useState(0)\r\n const {ctxCruGrid, L} = props\r\n const localizer = momentLocalizer(_moment)\r\n\r\n useEffect(() => {\r\n const remapData = () => {\r\n let data = props.ctxCruGrid.state.data\r\n data = data.map(item => {\r\n const start = _moment(item.startDate).toDate()\r\n const end = _moment(item.endDate).toDate()\r\n const isAllday = (start.getDay() !== end.getDay()) || (start.getHours() === 0 && end.getHours() === 23)\r\n item = {\r\n id: item.ID,\r\n title: item.name,\r\n allDay: isAllday,\r\n start: start,\r\n end: end,\r\n titleHtml: `${!isAllday ? `${_moment(start).format('HH:mm ')}` : ''}${item.name}`\r\n }\r\n return item\r\n })\r\n setData(data)\r\n }\r\n remapData()\r\n }, [props])\r\n\r\n useEffect(() => {\r\n setPrevDiff(diff)\r\n }, [diff])\r\n\r\n useEffect(() => {\r\n if (prevDiff !== diff) {\r\n ctxCruGrid.view.config.customPathGet = `admActivity/month/${diff}`\r\n ctxCruGrid.getData()\r\n }\r\n }, [prevDiff, diff, ctxCruGrid])\r\n\r\n const onNavigate = (date) => {\r\n const currentMonth = _moment().startOf('month')\r\n const selectedMonth = _moment(date).startOf('month')\r\n const diff = selectedMonth.diff(currentMonth, 'months')\r\n setDiff(diff)\r\n }\r\n\r\n const onSelectEvent = (e) => {\r\n if (!isAndroidOrIos()) ctxCruGrid.getDataById(e.id)\r\n }\r\n\r\n const onSelectSlot = (e) => {\r\n ctxCruGrid.state.formFields.map(f => {\r\n if (f.name === 'startDate') f.value = _moment(e.start).format('YYYY-MM-DD HH:mm:ss')\r\n if (f.name === 'endDate') f.value = _moment(e.end).format('YYYY-MM-DD HH:mm:ss')\r\n return f\r\n })\r\n ctxCruGrid.toggle()\r\n }\r\n\r\n const ContexMenu = (event) => {\r\n return \r\n {label}\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {label}\r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n }\r\n\r\n const showMenu = (e, event) => {\r\n e.preventDefault()\r\n var menus = document.querySelectorAll('.rbc-event-context-menu')\r\n menus.forEach(function(menu) {\r\n menu.parentNode.removeChild(menu)\r\n })\r\n var div = document.createElement('div')\r\n div.classList.add('rbc-event-context-menu')\r\n div.style.top = e.clientY + window.scrollY + 'px';\r\n div.style.left = e.clientX + window.scrollX + 'px';\r\n ReactDOM.render(\r\n \r\n \r\n {ctxCruGrid.state.progressBar && \r\n ,\r\n eventWrapper: eventWrapperComponent,\r\n event: eventComponent\r\n }\r\n }\r\n formats={\r\n {\r\n monthHeaderFormat: (date, culture, localizer) => `${localizer.format(date, 'MMMM YYYY', culture)}`.toUpperCase(),\r\n dayHeaderFormat: (date, culture, localizer) => `${localizer.format(date, 'DD MMMM YYYY', culture)}`.toUpperCase(),\r\n dayRangeHeaderFormat: ({ start, end }, culture, localizer) => `${localizer.format(start, 'DD MMMM', culture)} - ${localizer.format(end, 'DD MMMM', culture)}`.toUpperCase()\r\n }\r\n }\r\n />\r\n \r\n \r\n
\r\n )\r\n}\r\nexport default CustomCalendar","const M = \"admFetchInput.\"\r\nconst data = [\r\n { value: \"text\", label: `${M}typeText` },\r\n { value: \"option\", label: `${M}typeOption` },\r\n { value: \"multiple\", label: `${M}typeMultiple` },\r\n { value: \"location\", label: `${M}typeLocation` },\r\n { value: \"signature\", label: `${M}typeSignature` },\r\n { value: \"kyc\", label: `${M}typeIdentity` },\r\n { value: \"payment\", label: `${M}typePayment` }\r\n]\r\nexport default data","import admUser from \"./admUser\";\r\nimport admStudent from \"./admStudent\";\r\nimport admStaff from \"./admStaff\";\r\nimport admGroup from \"./admGroup\";\r\nimport admBilling from \"./admBilling\";\r\nimport admBillingGrid from \"./admBillingGrid\";\r\nimport admOrder from \"./admOrder\";\r\nimport admOrderGrid from \"./admOrderGrid\";\r\nimport admOrderDetail from \"./admOrderDetail\";\r\nimport admBillingReport from \"./admBillingReport\";\r\nimport admDirectory from \"./admDirectory\";\r\nimport admPeriod from \"./admPeriod\"\r\nimport admSubject from \"./admSubject\";\r\nimport admGrades from \"./admGrades\";\r\nimport admGradesRep from \"./admGradesRep\";\r\nimport admEvalConcept from \"./admEvalConcept\";\r\nimport admActivityParts from \"./admActivityParts\";\r\nimport admActivityMasters from \"./admActivityMasters\";\r\nimport admTracking from \"./admTracking\";\r\nimport admBookingList from \"./admBookingList\";\r\nimport admLocalization from \"./admLocalization\";\r\nimport admSuperSection from \"./admSuperSection\";\r\nimport admSectionMembers from \"./admSectionMembers\";\r\nimport admCommitment from \"./admCommitment\";\r\nimport admBehavior from \"./admBehavior\";\r\nimport admJournal from \"./admJournal\";\r\nimport admOtlt from \"./admOtlt\";\r\nimport admAttendanceType from \"./admAttendanceType\";\r\nimport admGradesBehavior from \"./admGradesBehavior\";\r\nimport admActivitySession from \"./admActivitySession\";\r\nimport admGradesMaster from \"./admGradesMaster\";\r\nimport admSection from \"./admSection\";\r\nimport admDates from \"./admDates\";\r\nimport admInfirmary from \"./admInfirmary\";\r\nimport admInfirmaryValues from \"./admInfirmaryValues\";\r\nimport admPublication from \"./admPublication\";\r\nimport admPublicationPart from \"./admPublicationPart\";\r\nimport admFetch from \"./admFetch\";\r\nimport admAssignmentQst from \"./admAssignmentQst\";\r\nimport admCalendar from \"./admCalendar\";\r\nimport admNotification from \"./admNotification\";\r\nimport admRelatives from \"./admRelatives\";\r\nimport admAudit from \"./admAudit\";\r\nimport admTransport from \"./admTransport\";\r\nimport admFetchInput from \"./admFetchInput\";\r\nimport admFetchResponses from \"./admFetchResponses\";\r\n\r\nexport default [\r\n {id: 'admUser', path: '/app/admUser', module: admUser},\r\n {id: 'admStudent', path: '/app/admStudent', module: admStudent},\r\n {id: 'admStaff', path: '/app/admStaff', module: admStaff},\r\n {id: 'admGroup', path: '/app/admGroup', module: admGroup},\r\n {id: 'admBilling', path: '/app/admBilling', module: admBilling},\r\n {id: 'admBillingGrid', path: '/app/admBillingGrid', module: admBillingGrid},\r\n {id: 'admOrder', path: '/app/admOrder', module: admOrder},\r\n {id: 'admOrderGrid', path: '/app/admOrderGrid', module: admOrderGrid},\r\n {id: 'admOrderDetail', path: '/app/admOrderDetail', module: admOrderDetail},\r\n {id: 'admBillingReport', path: '/app/admBillingReport', module: admBillingReport},\r\n {id: 'admDirectory', path: '/app/admDirectory', module: admDirectory},\r\n {id: 'admPeriod', path: '/app/admPeriod', module: admPeriod},\r\n {id: 'admSubject', path: '/app/admSubject', module: admSubject},\r\n {id: 'admGrades', path: '/app/admGrades', module: admGrades},\r\n {id: 'admGradesRep', path: '/app/admGradesRep', module: admGradesRep},\r\n {id: 'admEvalConcept', path: '/app/admEvalConcept', module: admEvalConcept},\r\n {id: 'admActivityParts', path: '/app/admActivityParts', module: admActivityParts},\r\n {id: 'admActivityMasters', path: '/app/admActivityMasters', module: admActivityMasters},\r\n {id: 'admTracking', path: '/app/admTracking', module: admTracking},\r\n {id: 'admBookingList', path: '/app/admBookingList', module: admBookingList},\r\n {id: 'admLocalization', path: '/app/admLocalization', module: admLocalization},\r\n {id: 'admSuperSection', path: '/app/admSuperSection', module: admSuperSection},\r\n {id: 'admSectionMembers', path: '/app/admSectionMembers', module: admSectionMembers},\r\n {id: 'admCommitment', path: '/app/admCommitment', module: admCommitment},\r\n {id: 'admBehavior', path: '/app/admBehavior', module: admBehavior},\r\n {id: 'admJournal', path: '/app/admJournal', module: admJournal},\r\n {id: 'admOtlt', path: '/app/admOtlt', module: admOtlt},\r\n {id: 'admActivitySession', path: '/app/admActivitySession', module: admActivitySession},\r\n {id: 'admAttendanceType', path: '/app/admAttendanceType', module: admAttendanceType},\r\n {id: 'admGradesBehavior', path: '/app/admGradesBehavior', module: admGradesBehavior},\r\n {id: 'admGradesMaster', path: '/app/admGradesMaster', module: admGradesMaster},\r\n {id: 'admSection', path: '/app/admSection', module: admSection},\r\n {id: 'admDates', path: '/app/admDates', module: admDates},\r\n {id: 'admInfirmary', path: '/app/admInfirmary', module: admInfirmary},\r\n {id: 'admInfirmaryValues', path: '/app/admInfirmaryValues', module: admInfirmaryValues},\r\n {id: 'admPublication', path: '/app/admPublication', module: admPublication},\r\n {id: 'admPublicationPart', path: '/app/admPublicationPart', module: admPublicationPart},\r\n {id: 'admFetch', path: '/app/admFetch', module: admFetch},\r\n {id: 'admAssignmentQst', path: '/app/admAssignmentQst', module: admAssignmentQst},\r\n {id: 'admCalendar', path: '/app/admCalendar', module: admCalendar},\r\n {id: 'admNotification', path: '/app/admNotification', module: admNotification},\r\n {id: 'admRelatives', path: '/app/admRelatives', module: admRelatives},\r\n {id: 'admAudit', path: '/app/admAudit', module: admAudit},\r\n {id: 'admTransport', path: '/app/admTransport', module: admTransport},\r\n {id: 'admFetchInput', path: '/app/admFetchInput', module: admFetchInput},\r\n {id: 'admAttendanceControl', path: '/app/admAttendanceControl'},\r\n {id: 'admJustification', path: '/app/admJustification'},\r\n {id: 'admCommunications', path: '/app/admCommunications'},\r\n {id: 'admFetchResponses', path: '/app/admFetchResponses', module: admFetchResponses}\r\n]","import { findModuleInMenu } from \"../../helpers/Utils\"\r\nexport default (context) => {\r\n const M = \"admUser.\"\r\n const itemAdmAudit = {\r\n id: 1,\r\n icon: 'simple-icon-check',\r\n name: `${M}auditHistory`,\r\n onClick: (row, ctx) => {\r\n const index = ctx.view.extras.itemsInRowsTable.findIndex(f => f.id === 1)\r\n ctx.view.extras.itemsInRowsTable[index].form.name = `Historial / Auditoria: ${row.name}`\r\n },\r\n form: {\r\n name: 'Historial / Auditoría',\r\n detailGrid: () => {\r\n return {\r\n module: 'admAudit',\r\n parentIdField: null,\r\n filterBy: () => { return {userId: context.state.idItemPreSelected} }\r\n }\r\n },\r\n okMsg: 'Ok',\r\n fields: [],\r\n onSuccess: (r) => { },\r\n onError: (e) => { }\r\n }\r\n }\r\n let itemsInRowsTable = []\r\n const admAudit = findModuleInMenu(context.props.menuItems, \"id\", \"admAudit\")\r\n if (admAudit) itemsInRowsTable.push(itemAdmAudit)\r\n\r\n let filter = {\r\n fields: [\r\n {\r\n name: \"type\",\r\n value: 0,\r\n type: \"select\",\r\n label: \"main.userType\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: 0, label: \"main.all\" },\r\n { value: 1, label: `${M}parents` },\r\n { value: 2, label: `${M}nonParents` },\r\n { value: 3, label: `${M}dependants` },\r\n { value: 4, label: `${M}externals` },\r\n ]\r\n }\r\n },\r\n {\r\n name: \"active\",\r\n value: 0,\r\n type: \"select\",\r\n label: \"main.activity\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: 0, label: \"main.all\" },\r\n { value: 1, label: `${M}activeLastWeek` },\r\n { value: 3, label: `${M}activeInBrowser` },\r\n { value: 2, label: `${M}activeInApp` },\r\n { value: 5, label: `${M}activeInWhatsApp` },\r\n { value: 4, label: `${M}dormant` },\r\n ]\r\n },\r\n renderIf: (ctx) => { return Number.isInteger(ctx.state.type) }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'main.applyFilter',\r\n onClick: ctx => ctx.btnAction('filter'),\r\n renderIf: ctx => Number.isInteger(ctx.state.type) || Number.isInteger(ctx.state.active)\r\n }\r\n ]\r\n }\r\n\r\n let columns = [\r\n {\r\n Header: \"\",\r\n accessor: \"img\",\r\n type: \"img\"\r\n },\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"main.lastName\",\r\n accessor: \"last\" \r\n },\r\n {\r\n Header: \"main.lastAccess\",\r\n accessor: \"lastSeen\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"main.externalId\",\r\n accessor: \"externalId\"\r\n }\r\n ]\r\n\r\n const module = {\r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n remapRow: (form, res, action, resUpload) => {\r\n form.img = form.face\r\n form.name = `${form.last} ${form.last2?? ''}, ${form.name}`\r\n if (resUpload?.url) form.img = `${resUpload.url}?date=${Date.now()}`\r\n return form\r\n }\r\n },\r\n\r\n actions: {\r\n create: false,\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: {\r\n by: \"search\"\r\n },\r\n import: {\r\n templateFile: \"UsersImport.xlsx\"\r\n }\r\n },\r\n\r\n extras: {\r\n itemsInRowsTable: itemsInRowsTable\r\n },\r\n\r\n filter: filter,\r\n\r\n form: {\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"face\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"main.photography\",\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"admUser/file\",\r\n accept: '.jpeg,.jpg,.png'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"name\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.name\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"last\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.lastName\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"mail\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.email\",\r\n rules: 'required|email',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"cel\",\r\n value: null,\r\n type: \"number\",\r\n label: \"main.cellPhone\",\r\n rules: \"max:13\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"gender\",\r\n value: null,\r\n type: \"select\",\r\n label: \"main.gender\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: 'M', label: 'M'},\r\n { value: 'F', label: 'F'}\r\n ]\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"doc\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.identityDocument\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"notifModes\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.notifyVia\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"externalId\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.externalId\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"userKind\",\r\n value: null,\r\n type: \"select\",\r\n label: \"main.userType\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: 0, label: 'Titular / Padre de familia' },\r\n { value: 3, label: 'Externo / invitado' }\r\n ]\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"inactive\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"main.inactive\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n }\r\n ]\r\n },\r\n\r\n columns: columns\r\n }\r\n return module\r\n}","\r\nimport { findModuleInMenu } from \"../../helpers/Utils\"\r\nimport _axios from \"../../libs/axios\"\r\nimport { NotificationManager } from \"../../components/common/react-notifications\"\r\nexport default (context) => {\r\n const M = \"admStudent.\"\r\n const itemAdmRelatives = {\r\n id: 1,\r\n icon: 'simple-icon-people',\r\n name: `admUser.relatives`,\r\n onClick: (row, ctx) => {\r\n const index = ctx.view.extras.itemsInRowsTable.findIndex(f => f.id === 1)\r\n ctx.view.extras.itemsInRowsTable[index].form.name = `Familiares de: ${row.name}`\r\n },\r\n form: {\r\n name: 'Familiares',\r\n remapGET: () => {\r\n return { studentId: context.state.idItemPreSelected }\r\n },\r\n detailGrid: () => {\r\n return {\r\n module: 'admRelatives',\r\n filterBy: () => { return { type: 5, dependantId: context.state.idItemPreSelected } }\r\n }\r\n },\r\n okMsg: 'Ok',\r\n fields: [\r\n { name: \"studentId\", value: 0, type: \"hidden\" }\r\n ],\r\n onSuccess: (r) => { },\r\n onError: (e) => { }\r\n }\r\n }\r\n const itemAdmAudit = {\r\n id: 2,\r\n icon: 'simple-icon-check',\r\n name: `admUser.auditHistory`,\r\n onClick: (row, ctx) => {\r\n const index = ctx.view.extras.itemsInRowsTable.findIndex(f => f.id === 2)\r\n ctx.view.extras.itemsInRowsTable[index].form.name = `Historial / Auditoria: ${row.name}`\r\n },\r\n form: {\r\n name: 'Historial / Auditoría',\r\n detailGrid: () => {\r\n return {\r\n module: 'admAudit',\r\n parentIdField: null,\r\n filterBy: () => { return {userId: context.state.idItemPreSelected} }\r\n }\r\n },\r\n okMsg: 'Ok',\r\n fields: [],\r\n onSuccess: (r) => { },\r\n onError: (e) => { }\r\n }\r\n }\r\n let itemsInRowsTable = []\r\n const admRelatives = findModuleInMenu(context.props.menuItems, \"id\", \"admRelatives\")\r\n const admAudit = findModuleInMenu(context.props.menuItems, \"id\", \"admAudit\")\r\n if (admRelatives) itemsInRowsTable.push(itemAdmRelatives)\r\n if (admAudit) itemsInRowsTable.push(itemAdmAudit)\r\n\r\n const module = {\r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n remapRow: (form, res, action, resUpload) => {\r\n form.img = form.face\r\n form.name = `${form.last} ${form.last2?? ''}, ${form.name}`\r\n if (resUpload?.url) form.img = `${resUpload.url}?date=${Date.now()}`\r\n return form\r\n }\r\n },\r\n\r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: {\r\n by: \"search\"\r\n },\r\n import: {\r\n templateFile: \"StudentsImport.xlsx\"\r\n }\r\n },\r\n\r\n extras: {\r\n items: [\r\n {id: 0, icon: 'simple-icon-refresh', name: 'Sincronizar con Classroom', onClick: () => { \r\n context.props.setLoader(true)\r\n _axios\r\n .post(`/admStudent/syncclassroom`)\r\n .then(r => {\r\n context.props.setLoader(false)\r\n if (r.status >= 0) {\r\n console.log(r)\r\n }\r\n if (r.msg) NotificationManager[r.status >= 0 ? \"success\" : \"error\"](r.msg, \"\", 5000, null, null, 'outline')\r\n }).catch(e => context.props.setLoader(false))\r\n }}\r\n ],\r\n maxItems: 1,\r\n maxActions: 1,\r\n itemsInRowsTable: itemsInRowsTable\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"active\",\r\n value: 1,\r\n type: \"select\",\r\n label: \"main.status\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: -1, label: `${M}all` },\r\n { value: 1, label: `${M}active` },\r\n { value: 0, label: `${M}inactive` }\r\n ],\r\n isClearable: false\r\n }\r\n },\r\n {\r\n name: \"enrolled\",\r\n value: 1,\r\n type: \"select\",\r\n label: \"main.enrollment\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: -1, label: `${M}all` },\r\n { value: 1, label: `${M}enrolled` },\r\n { value: 0, label: `${M}notEnrolled`}\r\n ],\r\n isClearable: false\r\n }\r\n },\r\n {\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"main.grade\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.section\",\r\n parent: \"superSectionId\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.formFilter.superSectionId }\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'main.applyFilter',\r\n onClick: ctx => ctx.btnAction('filter'),\r\n renderIf: ctx => Number.isInteger(ctx.state.active) || Number.isInteger(ctx.state.enrolled) || Number.isInteger(ctx.state.superSectionId)\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.superSectionId = { value: r.data.superSectionId, label: r.data.superSectionName }\r\n r.data.sectionId = { value: r.data.sectionId, label: r.data.sectionName }\r\n r.data.country = { value: r.data.country, label: r.data.country }\r\n r.data.birthplace = { value: r.data.birthplace, label: r.data.birthplace }\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n if (v.groups) {\r\n v.groups = v.groups.map(e => {\r\n e = { ID: e.value, name: e.label, selected: true }\r\n return e\r\n })\r\n }\r\n return v\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"face\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"main.photography\",\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"admUser/file\",\r\n accept: '.jpeg,.jpg,.png'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"name\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.name\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"last\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.lastName\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"last2\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Apellido M.\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"mail\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.email\",\r\n rules: 'required|email',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"gender\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.gender\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: 'M', label: 'M'},\r\n { value: 'F', label: 'F'}\r\n ]\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"separator1\",\r\n type: \"separator\",\r\n },\r\n {\r\n col: 6,\r\n name: \"inactive\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"main.inactive\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"enrolled\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"main.registered\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"documenttype\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.documentType\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"documentname\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.documentNumber\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"superSectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.grade\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.section\",\r\n parent: \"superSectionId\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.form.superSectionId }\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"groups\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.group\",\r\n opts: {\r\n style: 'float-label',\r\n isMulti: true,\r\n path: () => { return \"/admGroup/get?staff=2\" },\r\n setOutput: v => v\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"notifModes\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.notifyVia\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"externalId\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.externalId\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"house\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"House\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: 'Conroy', label: 'Conroy'},\r\n { value: 'Kufal', label: 'Kufal'},\r\n { value: 'Evans', label: 'Evans'},\r\n { value: 'Hope', label: 'Hope'}\r\n ]\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"label1\",\r\n value: L => `}\r\n
${L['admUser.personalInformation']}
`,\r\n type: \"label\"\r\n },\r\n {\r\n col: 6,\r\n name: \"birthday\",\r\n value: null,\r\n type: \"date\",\r\n label: \"main.birthdate\",\r\n placeholder: \"YYYY/MM/DD\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"natId\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.nationality\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"birthplace\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.birthplace\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/general/getcountries\",\r\n remap: (r) => {\r\n r.data.Results = r.data.map(item => ({ ID: item.id, name: item.name }))\r\n return r\r\n }\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"language\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.language\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"livewith\",\r\n value: \"PM\",\r\n type: \"select\",\r\n label: \"main.liveWith\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: 'PM', label: 'Padre y Madre'},\r\n { value: 'P', label: 'Padre'},\r\n { value: 'M', label: 'Madre'},\r\n { value: 'O', label: 'Otro'}\r\n ]\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"legalwith\",\r\n value: null,\r\n type: \"text\",\r\n label: L => `${L['main.liveWith']} (${L['main.other']})`,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"address\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.address\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"country\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.birthplace\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/general/getcountries\",\r\n remap: (r) => {\r\n r.data.Results = r.data.map(item => ({ ID: item.id, name: item.name }))\r\n return r\r\n }\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"familyPast\",\r\n value: null,\r\n type: \"text\",\r\n label: L => `Familiar ${L['main.exStudent']}`,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"label2\",\r\n value: L => `${L['admUser.consents']}
`,\r\n type: \"label\"\r\n },\r\n {\r\n col: 6,\r\n name: \"consentEmail\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"admUser.contactConsentToEmail\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: null, label: '[Sin especificar]'},\r\n { value: false, label: 'NO'},\r\n { value: true, label: 'SÍ'}\r\n ]\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"consentImagesAuth\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"admUser.imageUseConsent\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: null, label: '[Sin especificar]'},\r\n { value: false, label: 'NO'},\r\n { value: true, label: 'SÍ'}\r\n ]\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"status\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.status\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: 0, label: 'Nuevo'},\r\n { value: 10, label: 'Estudiante'},\r\n { value: 11, label: 'Ingresante'},\r\n { value: 12, label: 'Re-ingresante'},\r\n { value: 20, label: 'Graduado'},\r\n { value: 21, label: 'Retirado durante año'},\r\n { value: 22, label: 'Fallecido'},\r\n { value: 23, label: 'Retirado fin de año'},\r\n { value: 24, label: 'Retirado - Otros'}\r\n ]\r\n }\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"\",\r\n accessor: \"img\",\r\n type: \"img\"\r\n },\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"main.section\",\r\n accessor: \"sectionTag\" \r\n },\r\n {\r\n Header: \"main.externalId\",\r\n accessor: \"externalId\"\r\n },\r\n {\r\n Header: \"main.document\",\r\n accessor: \"doc\"\r\n },\r\n {\r\n Header: `${M}mainAdult`,\r\n accessor: \"principalName\"\r\n },\r\n {\r\n Header: `${M}documentAdult`,\r\n accessor: \"principalDoc\"\r\n },\r\n ]\r\n }\r\n return module\r\n}","export default (context) => {\r\n return {\r\n config: {\r\n pageSize: 40,\r\n },\r\n\r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n filter:{\r\n fields: [\r\n {\r\n name: \"type\",\r\n value: -1,\r\n type: \"select\",\r\n label: \"main.type\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: -1, label: \"[Todos]\" },\r\n { value: 0, label: \"Acceso básico\" },\r\n { value: 2, label: \"Asesores / Asistentes\" },\r\n { value: 4, label: \"Tutores\" },\r\n { value: 5, label: \"Profesores / Instructores\" },\r\n { value: 6, label: \"Psicólogos\" },\r\n { value: 7, label: \"Supervisión académica\" },\r\n { value: 8, label: \"Staff médico\" },\r\n { value: 9, label: \"Usuarios externos de app\" },\r\n { value: 10, label: \"Usuarios externos de admin\" },\r\n { value: 20, label: \"Coordinación grado\" },\r\n { value: 90, label: \"Directivos\" },\r\n { value: 95, label: \"Admins\" },\r\n { value: 99, label: \"API\" },\r\n { value: 100, label: \"Super-Admins\" }\r\n ]\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: \"main.applyFilter\",\r\n renderIf: (ctx) => { return Number.isInteger(ctx.state.type) },\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n fields: [\r\n {\r\n col: 6,\r\n name: \"name\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.name\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"last\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.lastName\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"mail\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.email\",\r\n rules: 'required|email',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"cel\",\r\n value: null,\r\n type: \"number\",\r\n label: \"main.cellPhone\",\r\n rules: \"required|max:13\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"pass\",\r\n value: null,\r\n type: \"password\",\r\n label: \"main.password\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"inactive\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"main.inactive\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"face\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"main.photography\",\r\n isDoc: false,\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"/admStaff/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n output: true\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"sign\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"main.signature\",\r\n isDoc: false,\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"/admStaff/sign\",\r\n accept: '.jpeg,.jpg,.png',\r\n output: true\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"notifModes\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.notifyVia\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"externalId\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.externalId\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"groupId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"main.group\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n path: 'admGroup/get'\r\n }\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"main.lastName\",\r\n accessor: \"last\"\r\n },\r\n {\r\n Header: \"main.email\",\r\n accessor: \"mail\"\r\n }\r\n ]\r\n }\r\n}","import roles from '../../data/roles'\r\n\r\nexport default (context) => {\r\n const M = \"admGroup.\"\r\n return {\r\n config: {\r\n pageSize: 50\r\n },\r\n\r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"staff\",\r\n value: 1,\r\n type: \"select\",\r\n label: \"main.type\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: 0,\r\n label: \"Todos\"\r\n },\r\n {\r\n value: 1,\r\n label: \"Staff\"\r\n },\r\n {\r\n value: 2,\r\n label: \"Usuarios\"\r\n }\r\n ]\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: \"main.applyFilter\",\r\n renderIf: (ctx) => { return Number.isInteger(ctx.state.staff) },\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n fields: [\r\n {\r\n col: 6,\r\n name: \"name\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.name\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"type\",\r\n value: null,\r\n type: \"select\",\r\n label: `${M}userGroupType`,\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: roles,\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"staff\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}staffAdmin`,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"canRead\",\r\n value: null,\r\n type: \"select\",\r\n label: `${M}permissionsRead`,\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n path: '/admModule/get?pick=true&classic=false',\r\n isMulti: true,\r\n setOutput: (v) => {\r\n if (v) return v.map((m) => { return { ID: m.value, name: m.label, selected: true } })\r\n }\r\n },\r\n renderIf: (ctx) => { return ctx.state.staff }\r\n },\r\n {\r\n col: 12,\r\n name: \"canEdit\",\r\n value: null,\r\n type: \"select\",\r\n label: `${M}permissionsWrite`,\r\n opts: {\r\n style: 'float-label',\r\n path: '/admModule/get?pick=true&classic=false',\r\n isMulti: true,\r\n setOutput: (v) => {\r\n if (v) return v.map((m) => { return { ID: m.value, name: m.label, selected: true } })\r\n }\r\n },\r\n renderIf: (ctx) => { return ctx.state.staff }\r\n },\r\n {\r\n col: 12,\r\n name: \"categories\",\r\n value: null,\r\n type: \"select\",\r\n label: \"main.categories\",\r\n opts: {\r\n style: 'float-label',\r\n path: '/admCategory/get?pick=true',\r\n isMulti: true,\r\n setOutput: (v) => {\r\n if (v) return v.map((m) => { return { ID: m.value, name: m.label, selected: true } })\r\n }\r\n },\r\n renderIf: (ctx) => { return ctx.state.staff }\r\n },\r\n {\r\n col: 12,\r\n name: \"forceLogout\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}forceLogout`,\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: (ctx) => { return ctx.state.staff }\r\n },\r\n {\r\n col: 12,\r\n name: \"members\",\r\n value: null,\r\n type: \"select\",\r\n label: `${M}members`,\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n path: 'admUser/get?type=2&pick=true',\r\n withImg: true,\r\n isMulti: true,\r\n searchOnline: true,\r\n setOutput: (v) => {\r\n if (v) return v.map((m) => { return { ID: m.value, name: m.label, selected: true } })\r\n }\r\n },\r\n renderIf: (ctx) => { return false }\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\",\r\n },\r\n {\r\n Header: \"main.staff\",\r\n accessor: \"staff\",\r\n isBool: true\r\n },\r\n {\r\n Header: \"main.type\",\r\n accessor: \"type\",\r\n }\r\n ]\r\n }\r\n}","export default (context) => {\r\n let columns = [\r\n {\r\n Header: \"Cliente\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"Monto\",\r\n accessor: \"total\",\r\n isDecimal: true,\r\n minWidth: 70\r\n },\r\n {\r\n Header: \"Monto recibo\",\r\n accessor: \"amountReceipt\",\r\n isDecimal: true,\r\n minWidth: 70\r\n },\r\n {\r\n Header: \"Mora\",\r\n accessor: \"penalty\",\r\n isDecimal: true,\r\n minWidth: 70\r\n },\r\n {\r\n Header: \"Fecha\",\r\n accessor: \"date\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Dependiente\",\r\n accessor: \"depend\"\r\n },\r\n {\r\n Header: \"Documento\",\r\n accessor: \"dependDoc\"\r\n },\r\n {\r\n Header: \"Detalle\",\r\n accessor: \"det\",\r\n minWidth: 200\r\n },\r\n {\r\n Header: \"Tarjeta\",\r\n accessor: \"card\",\r\n minWidth: 70\r\n },\r\n {\r\n Header: \"Num. Oper.\",\r\n accessor: \"opnum\",\r\n minWidth: 70\r\n },\r\n {\r\n Header: \"Código Externo\",\r\n accessor: \"externalId\"\r\n },\r\n {\r\n Header: \"Referencia\",\r\n accessor: \"note\"\r\n }\r\n ]\r\n\r\n if(window.location.href.indexOf('admOrder') > -1) columns = columns.filter(e => ['name','depend'].indexOf(e.accessor) === -1)\r\n \r\n return {\r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n remap: r => {\r\n r.data.Results.map(e => e.amountReceipt = (e.total - e.penalty))\r\n return r\r\n }\r\n },\r\n\r\n actions: {\r\n create: false,\r\n edit: false,\r\n delete: false,\r\n print: {remap: true},\r\n export: {remap: true},\r\n search: window.location.href.indexOf('admBilling') > -1\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"studentId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Alumno\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: \"/admStudent/get?enrolled=-1&pick=true\",\r\n withImg: true\r\n },\r\n renderIf: (ctx) => { return window.location.href.indexOf('admBilling') > -1 }\r\n },\r\n {\r\n type: \"daterange\",\r\n range: {\r\n value: 1,\r\n renderIf: () => window.location.href.indexOf('admBilling') > -1\r\n },\r\n from: {\r\n renderIf: ctx => window.location.href.indexOf('admBilling') > -1 && ctx.state.range === 2\r\n },\r\n to: {\r\n renderIf: ctx => window.location.href.indexOf('admBilling') > -1 && (ctx.state.range === 2 && ctx.state.from)\r\n }\r\n },\r\n {\r\n name: \"status\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Estado\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: 1,\r\n label: \"Confirmados\"\r\n },\r\n {\r\n value: 0,\r\n label: \"Pendientes\"\r\n },\r\n {\r\n value: -1,\r\n label: \"Abandonados\"\r\n },\r\n {\r\n value: -2,\r\n label: \"Con error\"\r\n },\r\n ]\r\n },\r\n renderIf: (ctx) => { return window.location.href.indexOf('admBilling') > -1 }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n renderIf: (ctx) => { return ctx.state.from || ctx.state.to || Number.isInteger(ctx.state.status) || Number.isInteger(ctx.state.studentId)},\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n columns: columns\r\n }\r\n}","import moment from \"moment\"\r\n\r\nexport default (context) => {\r\n let years = []\r\n let year = 2018\r\n const currentYear = parseInt(moment().format('Y'))\r\n while (year <= currentYear) {\r\n years.push({ value: year, label: year.toString() })\r\n year++\r\n }\r\n return {\r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n customPathGet: \"admBilling/getGrid\",\r\n customPathPost: \"admBilling/createbulk\"\r\n // customPathPost: \"admOrder/createbulk\"\r\n },\r\n \r\n actions: {\r\n create: false,\r\n edit: false,\r\n delete: false,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n extras: {\r\n itemsInRowsTable: [\r\n { icon: 'simple-icon-eye', name: 'Ver ordenes', onClick: (rowData, ctx) => {\r\n let obj = {\r\n module: 'admOrder',\r\n params: [\r\n {\r\n name: \"studentId\",\r\n value: {value: rowData.ID, label: (rowData.name) },\r\n type: \"select\",\r\n label: \"Alumno\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: \"/admStudent/get?pick=true\",\r\n withImg: true\r\n }\r\n },\r\n ],\r\n type: 0,\r\n keepFilters: false\r\n }\r\n ctx.props.setDeeplink(obj, ctx.props.history)\r\n }\r\n },\r\n { icon: 'simple-icon-eye', name: 'Ver pagos', onClick: (rowData, ctx) => {\r\n console.log(rowData)\r\n let obj = {\r\n module: 'admBilling',\r\n params: [\r\n {\r\n name: \"studentId\",\r\n value: {value: rowData.ID, label: (rowData.name) },\r\n type: \"select\",\r\n label: \"Alumno\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: \"/admStudent/get?pick=true\",\r\n withImg: true\r\n }\r\n },\r\n ],\r\n type: 0,\r\n keepFilters: false\r\n }\r\n ctx.props.setDeeplink(obj, ctx.props.history)\r\n }\r\n }\r\n ]\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"year\",\r\n value: currentYear,\r\n type: \"select\",\r\n label: \"Año\",\r\n opts: {\r\n style: 'float-label',\r\n items: years\r\n }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Sección\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: \"/admSection/get?pick=true\"\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n renderIf: (ctx) => { return Number.isInteger(ctx.state.year) && ctx.state.name !== \"\" },\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n fields: []\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"ID Alumno\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"Nombre\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"Grado / Sección\",\r\n accessor: \"sectionTag\"\r\n },\r\n {\r\n Header: \"ID Externo\",\r\n accessor: \"externalId\"\r\n },\r\n {\r\n Header: \"1\",\r\n accessor: \"M1\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"2\",\r\n accessor: \"M2\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"3\",\r\n accessor: \"M3\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"4\",\r\n accessor: \"M4\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"5\",\r\n accessor: \"M5\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"6\",\r\n accessor: \"M6\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"7\",\r\n accessor: \"M7\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"8\",\r\n accessor: \"M8\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"9\",\r\n accessor: \"M9\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"10\",\r\n accessor: \"M10\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"11\",\r\n accessor: \"M11\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"12\",\r\n accessor: \"M12\",\r\n isDecimal: true,\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"Beca\",\r\n accessor: \"condition\",\r\n isBool: true,\r\n minWidth: 50\r\n }\r\n ]\r\n }\r\n}","export default (context) => {\r\n return {\r\n config: {\r\n pageSize: 10,\r\n list: false,\r\n resource:'admOrder/detail',\r\n hiddenTitle: false\r\n },\r\n \r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true\r\n },\r\n\r\n extras: {\r\n items: []\r\n },\r\n\r\n filter: {\r\n fields: [],\r\n buttons: []\r\n },\r\n\r\n form: {\r\n setValuesBeforePost: (values) => {\r\n return values\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"item\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Concepto\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"quantity\",\r\n value: null,\r\n type: \"number\",\r\n label: \"Cantidad\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"amount\",\r\n value: null,\r\n type: \"number\",\r\n label: \"Monto\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"Concepto\",\r\n accessor: \"item\"\r\n },{\r\n Header: \"Cantidad\",\r\n accessor: \"quantity\",\r\n minWidth: 50\r\n },{\r\n Header: \"Monto\",\r\n accessor: \"amount\",\r\n isDecimal: true,\r\n minWidth: 50\r\n }\r\n ]\r\n }\r\n}","import _axios from \"../../libs/axios\";\r\nimport { NotificationManager } from \"../../components/common/react-notifications\";\r\nimport dateRange from \"../../components/utils/DateRange\";\r\n\r\nexport default (context) => {\r\n return {\r\n config: {\r\n pageSize: 40,\r\n customPathGet: \"admBilling/report/receipts/get/\",\r\n resource: \"admBilling/receipts\",\r\n list: false,\r\n enableContexMenu: false,\r\n remap: (r) => {\r\n r.data.Results = r.data.Results.map(e => {e.type = e.type === 0 ? \"Recibo de ingreso\" : \"Nota de ingreso\"; return e})\r\n return r\r\n },\r\n remapRow: (form) => {\r\n form.type = form.type === 0 ? \"Recibo de ingreso\" : \"Nota de ingreso\"\r\n return form\r\n }\r\n },\r\n\r\n actions: {\r\n create: false,\r\n edit: false,\r\n delete: false,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n extras: {\r\n items: [\r\n {id: 0, icon: 'simple-icon-cloud-download', name: 'Descargar recibos', onClick: () => { \r\n let content = {\r\n name: \"Descargar recibos masivamente en formato PDF\",\r\n fields: [...dateRange()],\r\n buttons: [\r\n {\r\n label: \"Descargar\",\r\n onClick: (ctx) => {\r\n ctx.validateForm().then(() => {\r\n context.props.setLoader(true)\r\n _axios\r\n .get('admBilling/report/receipts/zip?from=' + ctx.state.from + '&to=' + ctx.state.to)\r\n .then(r => {\r\n if (r.status === 0) {\r\n if (r.data && r.data.url) window.open(r.data.url)\r\n context.toggleRight()\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n context.props.setLoader(false)\r\n }).catch(e => {\r\n console.log(e)\r\n context.props.setLoader(false)\r\n })\r\n })\r\n .catch(e => { /* console.log(e) */ })\r\n }\r\n }\r\n ]\r\n }\r\n\r\n context.setState({modalRightContent: content}, () => {\r\n context.toggleRight() \r\n })\r\n }}\r\n ],\r\n itemsInRowsTable: [\r\n {\r\n id: 1, icon: 'simple-icon-cloud-download', name: row => row.refId === null ? \"Descargar recibo de ingreso\" : \"Descargar nota de ingreso\",\r\n onClick: (row, ctx) => {\r\n context.props.setLoader(true)\r\n let isChild = row.refId !== null\r\n _axios\r\n .get('admBilling/receipt/' + row.orderId + '/' + isChild)\r\n .then(r => {\r\n if (r.status === 0) {\r\n window.URL = window.URL || window.webkitURL;\r\n var xhr = new XMLHttpRequest(), a = document.createElement('a'), file;\r\n xhr.open('GET', r.data.url, true);\r\n xhr.responseType = 'blob';\r\n xhr.onload = function () {\r\n file = new Blob([xhr.response], { type : 'application/octet-stream' });\r\n a.href = window.URL.createObjectURL(file);\r\n a.download = r.data.filename;\r\n a.click();\r\n };\r\n xhr.send();\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n context.props.setLoader(false)\r\n }).catch(e => {\r\n console.log(e)\r\n context.props.setLoader(false);\r\n })\r\n }\r\n },\r\n {\r\n id: 2, icon: 'simple-icon-pencil', name: \"Editar recibo\",\r\n onClick: (row, ctx) => {\r\n context.getDataById(row.ID)\r\n }\r\n }\r\n ]\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n col: 3,\r\n name: \"status\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Estado\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: -1,\r\n label: \"Todos los recibos\"\r\n },\r\n {\r\n value: 0,\r\n label: \"Pendientes de pago\"\r\n },\r\n {\r\n value: 1,\r\n label: \"Pagados\"\r\n },\r\n {\r\n value: 2,\r\n label: \"Anulados\"\r\n }\r\n ]\r\n }\r\n },\r\n {\r\n col: 2,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Tipo\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: -1,\r\n label: \"Todos\"\r\n },\r\n {\r\n value: 0,\r\n label: \"Recibo de ingreso\"\r\n },\r\n {\r\n value: 1,\r\n label: \"Nota de ingreso\"\r\n }\r\n ]\r\n }\r\n },\r\n {\r\n col: 3,\r\n name: \"studentId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Alumno\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: \"/admStudent/get?pick=true&enrolled=-1\",\r\n withImg: true\r\n }\r\n },\r\n {\r\n type: \"daterange\"\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n renderIf: (ctx) => { return ctx.state.from || ctx.state.to || Number.isInteger(ctx.state.status) || Number.isInteger(ctx.state.studentId) || Number.isInteger(ctx.state.type)},\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n fields: [\r\n {\r\n col: 4,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"hidden\"\r\n },\r\n {\r\n col: 4,\r\n name: \"ID\",\r\n value: \"\",\r\n type: \"hidden\"\r\n },\r\n {\r\n col: 8,\r\n name: \"label1\",\r\n value: (L, state) => state.type === 0 ? `Recibo de ingreso Nro. ${state.ID}
` : `Nota de ingreso Nro. ${state.ID}
`,\r\n type: \"label\"\r\n },\r\n {\r\n col: 4,\r\n name: \"label2\",\r\n value: (L, state) => state.voided ? `ANULADO
` : \"\",\r\n type: \"label\",\r\n renderIf: ctx => ctx.state.voided\r\n },\r\n {\r\n col: 6,\r\n name: \"date\",\r\n value: \"\",\r\n type: \"datetime\",\r\n label: \"Fecha de emisión\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 6,\r\n name: \"datePaid\",\r\n value: \"\",\r\n type: \"datetime\",\r\n label: \"Fecha de vencimiento\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 6,\r\n name: \"doc\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"DNI\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 6,\r\n name: \"principalName\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Nombre\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 4,\r\n name: \"dependantName\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Alumno\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 4,\r\n name: \"dependantDoc\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Código de alumno\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 4,\r\n name: \"sectionTag\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Sección\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 8,\r\n name: \"brief\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Concepto\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 4,\r\n name: \"amount\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Monto\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 12,\r\n name: \"notes\",\r\n value: \"\",\r\n type: \"textarea\",\r\n label: \"Observaciones\",\r\n rules: \"max:200\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"Código\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"Tipo\",\r\n accessor: \"type\"\r\n },\r\n {\r\n Header: \"Fecha\",\r\n accessor: \"date\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Referencia\",\r\n accessor: \"refId\"\r\n },\r\n {\r\n Header: \"Fecha pago\",\r\n accessor: \"datePaid\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Vencimiento\",\r\n accessor: \"dueDate\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Responsable\",\r\n accessor: \"principalName\"\r\n },\r\n {\r\n Header: \"Nro. Doc.\",\r\n accessor: \"doc\"\r\n },\r\n {\r\n Header: \"Dependiente\",\r\n accessor: \"dependantName\"\r\n },\r\n {\r\n Header: \"Código\",\r\n accessor: \"dependantCode\"\r\n },\r\n {\r\n Header: \"DNI\",\r\n accessor: \"dependantDoc\"\r\n },\r\n {\r\n Header: \"Sección\",\r\n accessor: \"sectionTag\"\r\n },\r\n {\r\n Header: \"Concepto\",\r\n accessor: \"brief\"\r\n },\r\n {\r\n Header: \"Monto\",\r\n accessor: \"amount\",\r\n isDecimal: true,\r\n minWidth: 70\r\n },\r\n {\r\n Header: \"Nro cuota\",\r\n accessor: \"code\"\r\n },\r\n {\r\n Header: \"Pagado\",\r\n accessor: \"paid\",\r\n isBool: true\r\n },\r\n {\r\n Header: \"Anulado\",\r\n accessor: \"voided\",\r\n isBool: true\r\n },\r\n {\r\n Header: \"Observaciones\",\r\n accessor: \"notes\"\r\n },\r\n {\r\n Header: \"ID\",\r\n accessor: \"orderId\",\r\n hidden: true\r\n }\r\n ]\r\n }\r\n}\r\n","export default (context) => {\r\n return {\r\n config: {\r\n pageSize: 20,\r\n list: false,\r\n customPathGet: 'admStudent/contacts',\r\n remap: (r) => {\r\n r.data.Results.forEach(e => {\r\n ['depMail', 'rel1mail', 'rel2mail'].forEach(col => {\r\n e[`isChecked_${col}`] = context.state.checkedList.some(c => c.colId === col && c.rowId === e.ID && c.mail === e[col])\r\n })\r\n })\r\n return r\r\n }\r\n },\r\n \r\n actions: {\r\n print: false,\r\n export: context.props.userAdmin.role === '100',\r\n search: true\r\n },\r\n\r\n extras: {\r\n items: [\r\n { id: 1, icon: 'simple-icon-envelope-open', name: 'Enviar correo', onClick: () => {\r\n let openPopupCentered = (url,width,height) => {\r\n var x=(window.screen.width/2)-(width/2);\r\n var y=(window.screen.height/2)-(height/2);\r\n window.open(url, 'popup', 'width=' + width + ', height=' + height + ', left=' + x + ', top=' + y +'');\r\n }\r\n let url = 'https://mail.google.com/mail/u/5/?fs=1&bcc='\r\n context.state.checkedList.forEach(e => {\r\n url += e.mail + ','\r\n });\r\n url = url.slice(0, -1)\r\n url += '&tf=cm'\r\n // console.log(url)\r\n openPopupCentered(url, 800, 600)\r\n } \r\n },\r\n ]\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"studentId\",\r\n value: 0,\r\n type: \"select\",\r\n label: \"Alumno\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: \"/admStudent/get?enrolled=-1&active=-1&pick=true\",\r\n withImg: true\r\n },\r\n onChange: (ctx) => {\r\n ctx.setState({sectionId: 0 })\r\n }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: 0,\r\n type: \"select\",\r\n label: \"Sección\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: \"/admSection/get?pick=true\"\r\n },\r\n onChange: (ctx) => {\r\n ctx.setState({studentId: 0 })\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n renderIf: (ctx) => { return Number.isInteger(ctx.state.studentId) || Number.isInteger(ctx.state.sectionId)},\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"ID\",\r\n value: null,\r\n type: \"text\",\r\n label: \"ID\",\r\n disabled: true,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"easyId\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Número de documento\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"externalId\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Código externo\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"total\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Monto\",\r\n disabled: true,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"paid\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"Pagado\",\r\n disabled: true,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"brief\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Concepto\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"curr\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Moneda\",\r\n disabled: true,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"dueDate\",\r\n value: null,\r\n type: \"date\",\r\n label: \"Vencimiento\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"created\",\r\n value: null,\r\n type: \"date\",\r\n label: \"Fecha creación\",\r\n disabled: true,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"hasPenalty\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"Penalidad\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"principalName\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Nombre responsable\",\r\n rules: 'required',\r\n disabled:true,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"dependantName\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Nombre dependiente\",\r\n rules: 'required',\r\n disabled:true,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"Nombre\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"Apellido paterno\",\r\n accessor: \"last\"\r\n },\r\n {\r\n Header: \"Apellido materno\",\r\n accessor: \"last2\"\r\n },\r\n {\r\n Header: \"Código\",\r\n accessor: \"externalId\"\r\n },\r\n {\r\n Header: \"Padre\",\r\n accessor: \"rel1\"\r\n },\r\n {\r\n Header: \"Tel. Padre\",\r\n accessor: \"rel1Tel\"\r\n },\r\n {\r\n Header: \"Madre\",\r\n accessor: \"rel2\"\r\n },\r\n {\r\n Header: \"Tel. Madre\",\r\n accessor: \"rel2Tel\"\r\n },\r\n {\r\n Header: \"Mail padre\",\r\n accessor: \"rel1mail\",\r\n type: 'check',\r\n id: 'parent',\r\n minWidth: 50,\r\n classList: \"w-sm-100\"\r\n },\r\n {\r\n Header: \"Mail madre\",\r\n accessor: \"rel2mail\",\r\n type: 'check',\r\n id: 'mother',\r\n minWidth: 50,\r\n classList: \"w-sm-100\"\r\n },\r\n {\r\n Header: \"Mail alumno\",\r\n accessor: \"depMail\",\r\n type: 'check',\r\n id: 'pupil',\r\n minWidth: 50,\r\n classList: \"w-sm-100\"\r\n }\r\n ]\r\n } \r\n}","export default (context) => {\r\n\r\n const items = [\r\n {id: 2, name: 'Por grado / seccion', onClick: (row, ctx, id) => {\r\n context.setState({selectedReport: id})\r\n }},\r\n {id: 1, name: 'Por profesor', onClick: (row, ctx, id) => {\r\n context.setState({selectedReport: id})\r\n }},\r\n {id: 5, name: 'Por curso', onClick: (row, ctx, id) => {\r\n context.setState({selectedReport: id})\r\n }},\r\n {id: 6, name: 'Conclusiones descriptivas', onClick: (row, ctx, id) => {\r\n context.setState({selectedReport: id})\r\n }},\r\n {id: 4, name: 'Notas finales', module:'admGradesRep', onClick: (row, ctx, id) => {\r\n context.setState({selectedReport: id})\r\n }},\r\n {id: 3, name: 'Notas finales Minedu', module:'admGradesRep', onClick: (row, ctx, id) => {\r\n context.setState({selectedReport: id})\r\n }},\r\n {id: 7, name: 'Ver todos los profesores', onClick: (row, ctx, id) => {\r\n context.toggleModal()\r\n }}\r\n ]\r\n\r\n const allowedItems = items.filter(f => { return !f.module || context.props.userAdmin.menu.some(s=> s.subs.some(ss=>ss.id === f.module))})\r\n\r\n return {\r\n extras: {\r\n items: allowedItems\r\n }\r\n }\r\n}","import roles from '../../data/roles'\r\n\r\nexport default (context) => {\r\n return {\r\n config: {\r\n hiddenTitle: true,\r\n pageSize: 40,\r\n customPathPost: \"admActivityParts/update/{ID}\",\r\n remapRow: (d) => {\r\n d.master = d.masterId.label\r\n return d\r\n }\r\n },\r\n \r\n actions: {\r\n create: false,\r\n edit: true,\r\n delete: true\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.masterId = { value: r.data.masterId, label: r.data.masterName }\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (values) => {\r\n values.masterId = values.masterId.value\r\n return values\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Sección\",\r\n rules: 'required',\r\n disabled: true,\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"masterId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Profesor principal\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admStaff/get?pick=true\",\r\n setOutput: (v) => v\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"ID\",\r\n value: \"\"\r\n }\r\n ],\r\n detailGrid: () => {\r\n return context.state.idItemSelected ?\r\n {\r\n module: 'admActivityMasters',\r\n parentIdField: 'ID',\r\n embeded: (c) => {\r\n return {\r\n config: {\r\n pageSize: 40,\r\n remap: (list,row) => { list.data.Results = list.data.Results.map(row); return list },\r\n remapRow: (r) => { \r\n let rol = roles.find(f => f.value === r.alterType)\r\n if (rol) r.alterTypeName = rol.label\r\n return r\r\n }\r\n },\r\n \r\n actions: {\r\n create: {\r\n reloadGrid: true\r\n },\r\n edit: {\r\n reloadGrid: true\r\n },\r\n delete: true,\r\n print: false,\r\n export: false\r\n },\r\n \r\n filter: {\r\n fields: []\r\n },\r\n \r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.userId = { value: r.data.userId, label: r.data.userName }\r\n }\r\n return r\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Maestro / instructor\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admStaff/get?pick=true\"\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"role\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Rol en curso/sección\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n name: \"alterType\",\r\n value: \"\",\r\n col: 12,\r\n type: \"select\",\r\n label: \"Tipo de rol\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: roles,\r\n isMulti: false,\r\n tooltip: true\r\n }\r\n }\r\n ] \r\n },\r\n \r\n columns: [\r\n {\r\n Header: \"ID\",\r\n accessor: \"ID\",\r\n maxWidth: 40\r\n },\r\n {\r\n Header: \"Nombres\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"Rol en curso/sección\",\r\n accessor: \"alterTypeName\"\r\n }\r\n ]\r\n }\r\n }\r\n } : null\r\n }\r\n }, \r\n \r\n columns: [\r\n {\r\n Header: \"Sección\",\r\n accessor: \"section\"\r\n },\r\n {\r\n Header: \"Profesor principal\",\r\n accessor: \"master\"\r\n }\r\n ]\r\n }\r\n }","import roles from '../../data/roles'\r\n\r\nexport default (context) => {\r\n\r\n return {\r\n config: {\r\n pageSize: 40,\r\n remap: (list,row) =>{ list.data.Results = list.data.Results.map(row); return list},\r\n remapRow: (r) => { \r\n r.alterTypeName=roles.find(f=>f.value === r.alterType).label;\r\n return r;\r\n }\r\n },\r\n\r\n actions: {\r\n create: {\r\n reloadGrid: true\r\n },\r\n edit: {\r\n reloadGrid: true\r\n },\r\n delete: true,\r\n print: false,\r\n export: true\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"alterType\",\r\n value: 5,\r\n type: \"select\",\r\n label: \"Rol en curso/sección\",\r\n opts: {\r\n style: 'float-label',\r\n items: roles\r\n }\r\n },\r\n {\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Grado\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Sección\",\r\n parent: \"superSectionId\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.formFilter.superSectionId }\r\n }\r\n },\r\n {\r\n name: \"activityId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Curso\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSubject/get?pick=true&superSectionId=\" + context.state.formFilter.superSectionId }\r\n }\r\n },\r\n {\r\n name: \"userId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Usuario\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: \"/admStaff/get?pick=true\",\r\n withImg: true\r\n }\r\n },\r\n\r\n {\r\n name: \"groupId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Grupo / tipo de usuario\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admGroup/get?pick=true&staff=1\"\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n renderIf: (ctx) => true,\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.userId = { value: r.data.userId, label: r.data.userName }\r\n }\r\n return r\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Maestro / instructor\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admStaff/get?pick=true\"\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"role\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Rol en curso/sección\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n name: \"alterType\",\r\n value: \"\",\r\n col: 12,\r\n type: \"select\",\r\n label: \"Tipo de rol\",\r\n opts: {\r\n style: 'float-label',\r\n items: roles,\r\n isMulti: false,\r\n tooltip: true\r\n }\r\n }\r\n ] \r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"ID\",\r\n accessor: \"ID\",\r\n maxWidth: 40\r\n },\r\n {\r\n Header: \"Nombres\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"Rol en curso/sección\",\r\n accessor: \"alterTypeName\"\r\n },\r\n {\r\n Header: \"Curso\",\r\n accessor: \"subject\"\r\n },\r\n {\r\n Header: \"Sección\",\r\n accessor: \"section\"\r\n },\r\n {\r\n Header: \"Grupo\",\r\n accessor: \"group\"\r\n },\r\n ]\r\n }\r\n}","import _axios from \"../../libs/axios\";\r\nimport { NotificationManager } from \"../../components/common/react-notifications\";\r\nexport default (context) => {\r\n return {\r\n\r\n config: {\r\n pageSize: 40,\r\n list: false\r\n },\r\n\r\n actions: {\r\n create: {\r\n reloadGrid: true\r\n },\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"periodId\",\r\n value: { value: \"0\", label: \"Actual\" },\r\n type: \"select\",\r\n label: \"Periodo\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admPeriod/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Grado\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Sección\",\r\n parent: 'superSectionId',\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.formFilter.superSectionId }\r\n },\r\n renderIf: (ctx) => { return ctx.state.superSectionId }\r\n },\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n renderIf: (ctx) => { return ctx.state.periodId || ctx.state.superSectionId },\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.periodId = { value: r.data.periodId, label: r.data.periodName }\r\n r.data.gradeName = { value: r.data.gradeName, label: r.data.gradeName }\r\n r.data.sectionName = { value: r.data.sectionName, label: r.data.sectionName }\r\n r.data.userId = { value: r.data.userId, label: r.data.userName }\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n delete v.flags\r\n delete v.btn1\r\n v.userId = v.userId.value\r\n return v\r\n },\r\n fields: [\r\n {\r\n col: 4,\r\n name: \"periodId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Periodo\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admPeriod/get?pick=true\"\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"gradeName\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Grado\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"sectionName\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Sección\",\r\n rules: 'required',\r\n parent: 'gradeName',\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.form.gradeName }\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Alumno\",\r\n rules: 'required',\r\n parent: 'sectionName',\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admStudent/get?pick=true\" + (context.state.form.sectionName ? \"§ionId=\" + context.state.form.sectionName : \"\") },\r\n setOutput: e => e\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"dateFrom\",\r\n value: \"\",\r\n type: \"date\",\r\n label: \"Fecha\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n },\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-1\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Perfil psicopedagógico: cognitivo, comunicativo, emocional y autonomía\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note1\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"\"\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-2\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Recomendaciones psicopedagógicas\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note2\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"\"\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-3\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Recomendaciones por área académica\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note3\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"\"\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-4\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Recomendaciones por perfil\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note4\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"\"\r\n }\r\n ]\r\n },\r\n {\r\n col: 4,\r\n name: \"flag1\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"AD\"\r\n },\r\n {\r\n col: 8,\r\n name: \"flag2\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"I\"\r\n },\r\n\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"file1\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"Adjunto 1\",\r\n opts: {\r\n path: ()=> \"admTracking/file\"\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"file2\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"Adjunto 2\",\r\n opts: {\r\n path: ()=> \"admTracking/file\"\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"file3\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"Adjunto 3\",\r\n opts: {\r\n path: ()=> \"admTracking/file\"\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"btn1\",\r\n type: \"button\",\r\n label: \"Ver Citas\",\r\n onClick: (ctx) => {\r\n ctx.toogleSubGrid(0)\r\n },\r\n renderIf: (ctx) => { return context.state.idItemSelected }\r\n },\r\n {\r\n col: 4,\r\n label: \"Descargar PDF\",\r\n name: \"Descargar PDF\",\r\n value: \"commitment\",\r\n type: \"button\",\r\n onClick: () => {\r\n context.props.setLoader(true)\r\n _axios\r\n .get('admTracking/pdf/' + context.state.idItemSelected)\r\n .then(r => {\r\n if (r.status >= 0) {\r\n window.URL = window.URL || window.webkitURL;\r\n var xhr = new XMLHttpRequest(), a = document.createElement('a'), file;\r\n xhr.open('GET', r.data.url, true);\r\n xhr.responseType = 'blob';\r\n xhr.onload = function () {\r\n file = new Blob([xhr.response], { type : 'application/octet-stream' });\r\n a.href = window.URL.createObjectURL(file);\r\n a.download = r.data.filename; \r\n a.click();\r\n };\r\n xhr.send();\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n context.props.setLoader(false)\r\n }).catch(e => {\r\n context.props.setLoader(false)\r\n })\r\n },\r\n renderIf: () => { return context.state.idItemSelected },\r\n },\r\n {\r\n col: 12,\r\n name: \"bookings\",\r\n value: null,\r\n type: \"hidden\",\r\n label: \"\"\r\n },\r\n {\r\n col: 12,\r\n name: \"userName\",\r\n value: \"\",\r\n type: \"hidden\",\r\n label: \"\"\r\n }\r\n ],\r\n subGrids: [\r\n {\r\n name: (ctx) => { return 'CITAS CON: ' + ctx.state.userName },\r\n module: 'admBookingList',\r\n filterBy: (ctx) => { return { userId: ctx.state.userId.value, userName: ctx.state.userId.label, IN: ctx.state.bookings?JSON.stringify(ctx.state.bookings):\"[]\" } }\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"Alumno\",\r\n accessor: \"user\"\r\n },\r\n {\r\n Header: \"Grado\",\r\n accessor: \"grado\"\r\n },\r\n {\r\n Header: \"Fecha\",\r\n accessor: \"dateFrom\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Registrado por\",\r\n accessor: \"createdByName\"\r\n }\r\n ]\r\n }\r\n}","import moment from \"moment\";\r\nimport _axios from \"../../libs/axios\";\r\nimport { NotificationManager } from \"../../components/common/react-notifications\";\r\n\r\nexport default (context) => {\r\n const filter = {\r\n fields: [\r\n {\r\n name: \"periodId\",\r\n value: { value: \"0\", label: \"Actual\" },\r\n type: \"select\",\r\n label: \"Periodo\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admPeriod/get?pick=true\"\r\n }\r\n },\r\n {\r\n type: \"daterange\"\r\n },\r\n {\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Alumno\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { \r\n return \"/admStudent/get?pick=true\"\r\n }\r\n }\r\n },\r\n {\r\n col: 3,\r\n name: \"resourceId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Profesor\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admResource/get?pick=true\" }\r\n }\r\n },\r\n {\r\n name: \"status\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Estado\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: 0,\r\n label: \"Separadas\"\r\n },\r\n {\r\n value: 1,\r\n label: \"Confirmadas\"\r\n },\r\n {\r\n value: 2,\r\n label: \"Completadas\"\r\n },\r\n ]\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n }\r\n return {\r\n config: {\r\n resource: \"admBooking\",\r\n pageSize: 40,\r\n list: false\r\n },\r\n\r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: false,\r\n search: true,\r\n print: true,\r\n export: true\r\n },\r\n\r\n filter: context.props.location?.pathname.indexOf('admBookingList') > -1 ? filter : null,\r\n\r\n form: {\r\n handleSaveChanges : () => {\r\n const ctx = context\r\n if (ctx.state.idItemSelected) ctx.edit()\r\n else {\r\n ctx.validateForm().then(() => {\r\n const save = () => {\r\n let body = {\r\n slot: ctx.state.form.completed ? moment(ctx.state.form.date2 + ' ' + moment(ctx.state.form.time2).format('HH:mm:ss')).format('YYYYMMDDHHmm') : ctx.state.form.time,\r\n resourceId: context.resourceId,\r\n userId: ctx.state.form.userId.value,\r\n externalId: null,\r\n notes: ctx.state.form.notes,\r\n notesCompleted: ctx.state.form.notesCompleted,\r\n extras: {\r\n CodigoPadreFamilia: ctx.state.form.CodigoPadreFamilia.map((e) => {\r\n e = { ID: e.value, name: e.label }\r\n return e\r\n }),\r\n Subject: null,\r\n trackingId: ctx.state.form.trackingId,\r\n },\r\n completed: ctx.state.form.completed\r\n }\r\n\r\n // console.log(body)\r\n \r\n _axios\r\n .post('booking/book', body)\r\n .then(r => {\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n if (r.status >= 0) {\r\n context.toggle()\r\n context.getData()\r\n }\r\n context.props.setLoader(false)\r\n }).catch(e => {\r\n context.props.setLoader(false)\r\n })\r\n }\r\n\r\n const createSlot = () => {\r\n let body = {\r\n date: ctx.state.form.completed ? moment(ctx.state.form.date2 + ' ' + moment(ctx.state.form.time2).format('HH:mm:ss')).format('YYYYMMDDHHmm') : ctx.state.form.time,\r\n endDate: ctx.state.form.completed ? moment(ctx.state.form.date2 + ' ' + moment(ctx.state.form.time2).format('HH:mm:ss')).add(20, 'minutes').format('YYYYMMDDHHmm') : null\r\n }\r\n _axios\r\n .post('/booking/slots/' + context.resourceId , body)\r\n .then(r => {\r\n if (r.status >= 0) save()\r\n else {\r\n context.props.setLoader(false)\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n }\r\n }).catch(e => {\r\n console.log(e)\r\n context.props.setLoader(false)\r\n })\r\n }\r\n\r\n const getResource = () => {\r\n _axios\r\n .get('/admResource/active')\r\n .then(r => {\r\n if (r.status === 0) {\r\n let resource = r.data.find(e => e.owner === context.props.userAdmin.ID)\r\n if (resource) {\r\n context.resourceId = resource.ID\r\n createSlot()\r\n }\r\n else NotificationManager.error('Antes de registrar una cita debe de registrar al profesor como un recurso.', 'Error', 5000, null, null, 'outline')\r\n } else {\r\n NotificationManager.error(r.msg, 'Opps', 5000, null, null, 'outline')\r\n context.props.setLoader(false)\r\n }\r\n }).catch(e => {\r\n console.log(e)\r\n context.props.setLoader(false)\r\n })\r\n }\r\n\r\n context.props.setLoader(true)\r\n ctx.state.form.completed ? getResource() : ctx.state.form.exception ? createSlot() : save()\r\n })\r\n .catch(e => { /* console.log(e) */ }) \r\n }\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"completed\",\r\n type: \"switch\",\r\n label: \"CITA YA FUE REALIZADA\",\r\n renderIf: () => { return !context.state.idItemSelected }\r\n },\r\n {\r\n col: 4,\r\n name: \"userId\",\r\n value: window.location.href.indexOf('admTracking') > -1 ? { value: context.props.filterBy.userId, label: context.props.filterBy.userName } : \"\",\r\n type: \"select\",\r\n label: \"Alumno\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n withImg: true,\r\n isClearable: false,\r\n path: () => { return \"/teacher/\" + context.props.userAdmin.ID + \"/students\" },\r\n remap: (r) => {\r\n return {\r\n data: {\r\n Results: r.data.map(e => {\r\n e.ID = e.id\r\n e.name = e.last + ', ' + e.name\r\n e.img = e.face\r\n return e\r\n })\r\n },\r\n msg: r.msg,\r\n status: r.status\r\n }\r\n },\r\n setOutput: v => v\r\n },\r\n renderIf: () => { return !context.state.idItemSelected },\r\n disabled: () => { return window.location.href.indexOf('admTracking') > -1 }\r\n },\r\n {\r\n col: 3,\r\n name: \"exception\",\r\n type: \"switch\",\r\n label: \"Horario de excepción\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: (ctx) => { return !context.state.idItemSelected && !ctx.state.completed}\r\n },\r\n {\r\n col: 4,\r\n name: \"date2\",\r\n type: \"date\",\r\n label: \"Fecha\",\r\n rules: 'required',\r\n parent: \"completed\",\r\n opts: {\r\n style: 'float-label',\r\n maxDate: moment()\r\n },\r\n disabled: () => { return context.state.form && context.state.form.userId ? false : true },\r\n renderIf: (ctx) => { return !context.state.idItemSelected && ctx.state.completed}\r\n },\r\n {\r\n col: 4,\r\n name: \"time2\",\r\n type: \"time\",\r\n label: \"Hora\",\r\n rules: 'required',\r\n parent: \"date2\",\r\n opts: {\r\n style: 'float-label',\r\n timeIntervals: 1,\r\n minTime: (ctx) => { return moment(ctx.state.date2).format(\"DD\") === moment().date().toString() ? moment().set({hour:0,minute:0,second:0,millisecond:0}) : null },\r\n maxTime: (ctx) => { return moment(ctx.state.date2).format(\"DD\") === moment().date().toString() ? moment() : null },\r\n },\r\n disabled: () => { return context.state.form && context.state.form.userId ? false : true },\r\n renderIf: (ctx) => { return !context.state.idItemSelected && ctx.state.date2 && ctx.state.completed}\r\n },\r\n {\r\n col: 2,\r\n name: \"date\",\r\n type: \"date\",\r\n label: \"Fecha\",\r\n rules: 'required',\r\n parent: \"exception\",\r\n opts: {\r\n style: 'float-label',\r\n onOpen: (ctxForm, ctxField) => {\r\n if (context.resourceId) context.resourceId = null\r\n if (ctxForm.state.exception) ctxField.setState({ highlightDates: undefined, includeDates: undefined })\r\n // if (!ctxForm.state.exception && ctxField.state.includeDates && ctxForm.state.date) return\r\n context.props.setLoader(true)\r\n _axios\r\n // .get('/booking/resources/' + (window.tenant.isPro ? 118 : 117) + '?from=' + moment().format('YYYY-MM-DDTHH:mm:ss') + '&to='+ moment().add(moment().daysInMonth() - moment().format('D'), 'd').format('YYYY-MM-DDTHH:mm:ss') +'&id=' + context.state.form.userId.value + '&variation=resOwnerByUserId')\r\n .get('/booking/resources/' + (window.tenant.isPro ? 118 : 117) + '?from=' + moment().format('YYYY-MM-DDTHH:mm:ss') + '&to='+ moment().add(1, 'months').endOf('month').format('YYYY-MM-DDTHH:mm:ss') +'&id=' + context.state.form.userId.value + '&variation=resOwnerByUserId')\r\n .then(r => {\r\n if (r.status >= 0) {\r\n if (r.data && r.data[0].slots) {\r\n if (!ctxForm.state.exception) {\r\n let slots = r.data[0].slots.filter(s => s.status !== 1)\r\n let dates = slots.map(e => moment(e.date,'YYYYMMDDHHmm'))\r\n ctxField.setState({ highlightDates: dates, includeDates: dates }, () => {\r\n ctxForm.dates = slots\r\n context.resourceId = r.data[0].id\r\n })\r\n } else context.resourceId = r.data[0].id\r\n }\r\n } else {\r\n ctxField.setState({ highlightDates: [], includeDates: [] })\r\n /*\r\n if (!ctxForm.state.exception) {\r\n ctxField.setState({ highlightDates: [], includeDates: [] }, () => {\r\n // setTimeout(() => { ctxField.datePickerRef.current.setOpen(false) }, 100)\r\n })\r\n }\r\n */\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n context.props.setLoader(false)\r\n }).catch(e => {\r\n context.props.setLoader(false)\r\n })\r\n }\r\n },\r\n onChange: (ctxForm) => {\r\n if (!ctxForm.state.exception) return\r\n _axios\r\n .get('/agenda/hours?day=' + moment(ctxForm.state.date).format('YYYY-MM-DD') + 'T00:00:00&onDemand=true')\r\n .then(r => {\r\n if (r.status >= 0) {\r\n if (r.data && r.data.hours) {\r\n ctxForm.dates = r.data.hours.split(',')\r\n ctxForm.dates = ctxForm.dates.map(e => { return e = moment(ctxForm.state.date).format('YYYYMMDD') + e.replace(':', '') } )\r\n }\r\n } else {\r\n ctxForm.dates = []\r\n NotificationManager.error(r.msg, 'Opps', 5000, null, null, 'outline')\r\n }\r\n }).catch(e => {\r\n console.log(e)\r\n })\r\n },\r\n disabled: () => { return context.state.form && context.state.form.userId ? false : true },\r\n renderIf: (ctx) => { return !context.state.idItemSelected && !ctx.state.completed}\r\n },\r\n {\r\n col: 3,\r\n name: \"time\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Hora\",\r\n rules: 'required',\r\n parent: \"date\",\r\n opts: {\r\n style: 'float-label',\r\n onMenuOpen: (ctxForm, ctxCustomSelect) => {\r\n let hours = []\r\n if (ctxForm.state.exception) {\r\n if (ctxForm.dates) hours = ctxForm.dates.map(e => { return {value: parseInt(e), label: moment(e, 'YYYYMMDDHHmm').format('HH:mm')} })\r\n } else {\r\n let date = ctxForm.dates.filter(e => moment(e.date, 'YYYYMMDDHHmm').format('YYYY-MM-DD') === ctxForm.state.date)\r\n hours = date.map((e) => { return {value: e.date, label: moment(e.date, 'YYYYMMDDHHmm').format('HH:mm') + '- ' + moment(e.endDate, 'YYYYMMDDHHmm').format('HH:mm'), isDisabled: e.status === 1 ? true : false} })\r\n }\r\n ctxCustomSelect.setState({ items: hours })\r\n },\r\n isClearable: true\r\n },\r\n onChange: (ctxForm) => {\r\n /*\r\n if (!ctxForm.state.exception || !ctxForm.state.time) return\r\n _axios\r\n .post('/booking/slots/' + context.resourceId, {date: ctxForm.state.time})\r\n .then(r => {\r\n if (r.status < 0) NotificationManager.error(r.msg, 'Error', 5000, null, null, 'outline')\r\n else context.canCreateException = true\r\n }).catch(e => {\r\n console.log(e)\r\n })\r\n */\r\n },\r\n disabled: () => { return context.state.form && context.state.form.date ? false : true },\r\n renderIf: (ctx) => { return !context.state.idItemSelected && !ctx.state.completed}\r\n },\r\n {\r\n col: 6,\r\n name: \"CodigoPadreFamilia\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Participante(s)\",\r\n rules: 'required',\r\n parent: \"userId\",\r\n opts: {\r\n style: 'float-label',\r\n isMulti: true,\r\n path: () => { return \"me/family?studentId=\" + context.state.form.userId.value + \"&externalId=null\" },\r\n remap: (r) => {\r\n let data = r.data.map(e => {\r\n e.ID = e.id\r\n e.name = e.last + ' ' + e.last2 + ', ' + e.name\r\n return e\r\n })\r\n data.splice(0, 0, {ID: context.state.form.userId.value, name: context.state.form.userId.label})\r\n return {\r\n data: {\r\n Results: data\r\n },\r\n msg: r.msg,\r\n status: r.status\r\n }\r\n },\r\n setOutput: v => v\r\n },\r\n disabled: () => {\r\n let r = true\r\n if ((context.state.form && context.state.form.time) || (context.state.form && context.state.form.completed)) r = false\r\n // if (context.state.form && context.state.form.exception && !context.canCreateException) r = true\r\n return r\r\n },\r\n renderIf: () => { return !context.state.idItemSelected }\r\n },\r\n {\r\n col: 6,\r\n name: \"trackingId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Tipo de cita\",\r\n rules: 'required',\r\n parent: \"userId\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"tracking/bookingoptions?userId=\" + context.state.form.userId.value },\r\n remap: (r) => {\r\n r.data.splice(0, 0, {id: -1, name: 'Normal'})\r\n return {\r\n data: {\r\n Results: r.data.map(e => {\r\n e.ID = e.id\r\n return e\r\n })\r\n },\r\n msg: r.msg,\r\n status: r.status\r\n }\r\n },\r\n },\r\n disabled: () => { return context.state.form && context.state.form.CodigoPadreFamilia ? false : true },\r\n renderIf: () => { return !context.state.idItemSelected }\r\n },\r\n {\r\n col: 6,\r\n name: \"userName\",\r\n type: \"text\",\r\n label: \"Alumno\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true,\r\n renderIf: () => { return context.state.idItemSelected }\r\n },\r\n {\r\n col: 6,\r\n name: \"resourceName\",\r\n type: \"text\",\r\n label: \"Profesor\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true,\r\n renderIf: () => { return context.state.idItemSelected }\r\n },\r\n {\r\n col: 6,\r\n name: \"dtDate\",\r\n type: \"date\",\r\n label: \"Fecha\",\r\n opts: {\r\n style: 'float-label',\r\n dateFormat: 'YYYY/MM/DD HH:mm'\r\n },\r\n disabled: true,\r\n renderIf: () => { return context.state.idItemSelected }\r\n },\r\n {\r\n col: 6,\r\n name: \"status\",\r\n value: 0,\r\n type: \"select\",\r\n label: \"Estado\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: 0,\r\n label: \"Separadas\"\r\n },\r\n {\r\n value: 1,\r\n label: \"Confirmadas\"\r\n },\r\n {\r\n value: 2,\r\n label: \"Completadas\"\r\n },\r\n ]\r\n },\r\n disabled: true,\r\n renderIf: () => { return context.state.idItemSelected }\r\n },\r\n {\r\n col: 12,\r\n name: \"notes\",\r\n type: \"textarea\",\r\n label: \"Motivo\",\r\n rules: 'max:1500',\r\n opts: {\r\n style: 'float-label',\r\n rows: 6\r\n },\r\n // renderIf: () => { return context.state.idItemSelected }\r\n },\r\n {\r\n col: 12,\r\n name: \"notesCompleted\",\r\n type: \"textarea\",\r\n label: \"Acuerdos de cita\",\r\n rules: 'max:1500',\r\n opts: {\r\n style: 'float-label',\r\n rows: 6\r\n }\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"Alumno\",\r\n accessor: \"userName\"\r\n },\r\n {\r\n Header: \"Grado/Sección\",\r\n accessor: \"sectionTag\"\r\n },\r\n {\r\n Header: \"Inicio\",\r\n accessor: \"dtDate\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Fin\",\r\n accessor: \"dtEndDate\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Profesor\",\r\n accessor: \"resourceName\"\r\n },\r\n {\r\n Header: \"Motivo\",\r\n accessor: \"notes\"\r\n },\r\n {\r\n Header: \"Acuerdo de Cita\",\r\n accessor: \"notesCompleted\"\r\n }\r\n ]\r\n }\r\n}","export default (context) => {\r\n const M = \"admLocalization.\"\r\n return {\r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n customPathGet: \"admLocalization/get\",\r\n },\r\n\r\n actions: {\r\n create: {\r\n reloadGrid: true\r\n },\r\n edit: true,\r\n delete: true,\r\n print: false,\r\n export: false,\r\n search: true\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n return v\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"ID\",\r\n rules: \"required|max:32|alpha_num_dash\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}uniqueCodeOfTheText`,\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 12,\r\n name: \"name\",\r\n value: null,\r\n type: \"text\",\r\n rules: \"required|max:100\",\r\n label: `${M}descriptionName`,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"content\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"\"\r\n },\r\n {\r\n col: 12,\r\n name: \"printParams\",\r\n value: \"\",\r\n type: \"textarea\",\r\n label: `${M}advancedParameters`,\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"main.desc\",\r\n accessor: \"desc\"\r\n }\r\n ]\r\n }\r\n}","export default (context) => {\r\n const M = \"admSuperSection.\"\r\n return {\r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n remapRow: (form) => {\r\n form.owner = form.owner.label\r\n return form\r\n }\r\n },\r\n\r\n actions: {\r\n create: { reloadGrid: true },\r\n edit: { reloadGrid: true },\r\n delete: false,\r\n print: false,\r\n export: false,\r\n search: true\r\n },\r\n\r\n extras: {\r\n items: [],\r\n itemsInRowsTable: [\r\n {\r\n icon: 'simple-icon-note',\r\n name: `${M}promoteStudents`,\r\n onClick: (rowData, ctx) => {\r\n context.state.formFlags = { fromSuperSectionId: rowData.ID, fromSuperSectionName: rowData.name }\r\n },\r\n form: {\r\n name: `${M}promoteStudents`,\r\n remapGET: () => {\r\n return { fromSuperSectionId: context.state.formFlags.fromSuperSectionId, fromSuperSectionName: context.state.formFlags.fromSuperSectionName }\r\n },\r\n postUrlF: (ctx) => {\r\n return 'admSuperSection/promote';\r\n },\r\n okMsg: 'Se han promovido los estudiantes!',\r\n fields: [\r\n {\r\n name: \"fromSuperSectionId\",\r\n value: 0,\r\n type: \"hidden\"\r\n },\r\n {\r\n col: 12,\r\n name: \"fromSuperSectionName\",\r\n value: null,\r\n type: \"text\",\r\n label: `${M}promoteFromGrade`,\r\n disabled: true,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"otherPromote\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}promoteToAnotherState`,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n name: \"otherPromoteStatus\",\r\n rules: \"required\",\r\n value: \"\",\r\n col: 12,\r\n type: \"select\",\r\n label: \"main.type\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: \"0\", label: \"Nuevo\" },\r\n { value: \"10\", label: \"Estudiante\" },\r\n { value: \"11\", label: \"Ingresante\" },\r\n { value: \"12\", label: \"Re-ingresante\" },\r\n { value: \"20\", label: \"Graduado\" },\r\n { value: \"21\", label: \"Retirado durante año\" },\r\n { value: \"22\", label: \"Fallecido\" },\r\n { value: \"23\", label: \"Retirado fin de año\" },\r\n { value: \"24\", label: \"Retirado - Otros\" }\r\n ],\r\n isMulti: false\r\n },\r\n renderIf: (ctx) => ctx.state.otherPromote\r\n },\r\n {\r\n col: 6,\r\n name: \"superSectionId\",\r\n rules: \"required\",\r\n value: null,\r\n type: \"select\",\r\n label: `${M}promoteToGrade`,\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n },\r\n renderIf: (ctx) => !ctx.state.otherPromote\r\n },\r\n {\r\n col: 6,\r\n name: \"sectionId\",\r\n rules: \"required\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}promoteToSection`,\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.formFlags.superSectionId }\r\n },\r\n renderIf: (ctx) => {\r\n if (ctx.state.otherPromote) return false;\r\n\r\n context.state.formFlags.superSectionId = ctx.state.superSectionId;\r\n return ctx.state.superSectionId }\r\n },\r\n {\r\n col: 12,\r\n name: \"l1\",\r\n value: (L) => L[`${M}msgBeforePromoting`],\r\n type: \"label\"\r\n },\r\n ],\r\n buttons: [\r\n {\r\n label: `${M}promoteStudents`,\r\n col: 12,\r\n isMain: true,\r\n onClick: (ctx) => { ctx.btnAction('save') }\r\n }\r\n ],\r\n onSuccess: (r) => { },\r\n onError: (e) => { }\r\n }\r\n }\r\n ],\r\n forms: [\r\n {\r\n name: 'main.setting',\r\n getUrl: 'admSuperSection/config',\r\n postUrl: 'admSuperSection/config',\r\n fields: [\r\n {\r\n col: 4,\r\n name: \"hide\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}hideSectionsInApp`,\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"syncToAcadYear\",\r\n value: false,\r\n type: \"select\",\r\n label: \"Aplicar secciones al año\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"admActivity/get/?type=ayr\"}\r\n }\r\n },\r\n ],\r\n buttons: [\r\n {\r\n name: \"\",\r\n label: \"main.apply\",\r\n isMain: true,\r\n onClick: (ctx) => { ctx.btnAction('save') }\r\n }\r\n ],\r\n onSuccess: (r) => { },\r\n onError: (e) => { }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.owner = { value: r.data.owner, label: r.data.ownerName }\r\n r.data.superowner = { value: r.data.superowner, label: r.data.superownerName }\r\n }\r\n return r\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}gradeName`,\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"owner\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}gradeAdvisor`,\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admStaff/get?pick=true\"\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"superowner\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}levelCoordinator`,\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admStaff/get?pick=true\"\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"groupBy\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}groupedBy`,\r\n rules: 'max:20',\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"btn1\",\r\n value: null,\r\n type: \"button\",\r\n label: `${M}subLevels`,\r\n opts: {\r\n style: 'float-label'\r\n },\r\n onClick: (ctx) => {\r\n ctx.toogleSubGrid(0)\r\n },\r\n renderIf: (ctx) => { return context.state.idItemSelected },\r\n }, \r\n ],\r\n subGrids: [\r\n {\r\n name: (ctx) => { return 'Secciones: ' + ctx.state.name },\r\n module: 'admSection',\r\n filterBy: () => { return { parentId: context.state.idItemSelected } }\r\n }\r\n ] \r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"main.desc\",\r\n accessor: \"desc\"\r\n },\r\n {\r\n Header: \"main.students\",\r\n accessor: \"count\"\r\n },\r\n {\r\n Header: `${M}groupedBy`,\r\n accessor: \"groupBy\"\r\n }\r\n ]\r\n }\r\n}","export default (context) => {\r\n return {\r\n config: {\r\n pageSize: 0,\r\n hiddenGrid: true\r\n },\r\n\r\n actions: {\r\n },\r\n\r\n extras:{\r\n forms: [\r\n {\r\n type: 'sideToSide',\r\n configLeft: {\r\n GET: 'admStudent/get/',\r\n POST: 'admSection/moveStudents ',\r\n title: 'Lista Actual',\r\n search: true,\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"active\",\r\n value: 1,\r\n type: \"hidden\",\r\n label: \"\",\r\n },\r\n {\r\n col: 12,\r\n name: \"enrolled\",\r\n value: -1,\r\n type: \"hidden\",\r\n label: \"\",\r\n },\r\n {\r\n col: 12,\r\n name: \"statuses\",\r\n value: \"10|11|12\",\r\n type: \"hidden\",\r\n label: \"\",\r\n },\r\n {\r\n col: 12,\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Grado\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\",\r\n setOutput: v => v\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Sección\",\r\n parent: 'superSectionId',\r\n opts: {\r\n style: 'float-label',\r\n path: (ctx) => { return \"/admSection/get?pick=true&parentId=\" + ctx.state.superSectionId.value },\r\n setOutput: v => v\r\n },\r\n renderIf: (ctx) => { return ctx.state.superSectionId }\r\n },\r\n ],\r\n columns: [\r\n {\r\n Header: \"Alumno\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"Grado / sección\",\r\n accessor: \"sectionTag\"\r\n }\r\n ]\r\n },\r\n configRight: {\r\n GET: 'admStudent/get/',\r\n POST: 'admSection/moveStudents',\r\n title: 'Lista de Nueva Sección',\r\n search: true,\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"active\",\r\n value: 1,\r\n type: \"hidden\",\r\n label: \"\",\r\n },\r\n {\r\n col: 12,\r\n name: \"enrolled\",\r\n value: -1,\r\n type: \"hidden\",\r\n label: \"\",\r\n },\r\n {\r\n col: 12,\r\n name: \"statuses\",\r\n value: \"10|11|12\",\r\n type: \"hidden\",\r\n label: \"\",\r\n },\r\n {\r\n col: 12,\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Grado\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\",\r\n setOutput: v => v\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Sección\",\r\n parent: 'superSectionId',\r\n opts: {\r\n style: 'float-label',\r\n path: (ctx) => { return \"/admSection/get?pick=true&parentId=\" + ctx.state.superSectionId.value },\r\n setOutput: v => v\r\n },\r\n renderIf: (ctx) => { return ctx.state.superSectionId }\r\n },\r\n ],\r\n columns: [\r\n {\r\n Header: \"Alumno\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"Grado / sección\",\r\n accessor: \"sectionTag\"\r\n }\r\n ]\r\n }\r\n }\r\n ]\r\n },\r\n\r\n columns: []\r\n }\r\n}","import _axios from \"../../libs/axios\";\r\nimport { NotificationManager } from \"../../components/common/react-notifications\";\r\nimport moment from \"moment\";\r\nexport default (context) => {\r\n return {\r\n config: {\r\n resource: \"admTracking\",\r\n pageSize: 40,\r\n list: false,\r\n remapRow: (form, data, action) => {\r\n form.grado = form.sectionName.label\r\n form.user = form.userId.label\r\n form.dateFrom = moment(form.dateFrom).format('YYYY-MM-DD HH:mm')\r\n form.masterName = action === \"create\" && context.props.userAdmin.role === '5' ? (context.props.userAdmin.name + ' ' + context.props.userAdmin.last) : form.masterId.label\r\n return form\r\n }\r\n },\r\n \r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n \r\n filter: {\r\n fields: [\r\n {\r\n name: \"periodId\",\r\n value: { value: \"0\", label: \"Actual\" },\r\n type: \"select\",\r\n label: \"Periodo\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admPeriod/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Grado\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Sección\",\r\n parent: \"superSectionId\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.formFilter.superSectionId }\r\n }\r\n },\r\n {\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Alumno\",\r\n rules: 'required',\r\n parent: \"sectionId\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admStudent/get?pick=true§ionId=\" + context.state.formFilter.sectionId }\r\n }\r\n },\r\n {\r\n type: \"daterange\"\r\n },\r\n {\r\n name: \"type\",\r\n value: \"commitment\",\r\n type: \"hidden\",\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n renderIf: (ctx) => { return ctx.state.periodId || ctx.state.superSectionId || ctx.state.userId || ctx.state.from || ctx.state.to },\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.periodId = { value: r.data.periodId, label: r.data.periodName }\r\n r.data.gradeName = { value: r.data.gradeName, label: r.data.gradeName }\r\n r.data.sectionName = { value: r.data.sectionName, label: r.data.sectionName }\r\n r.data.userId = { value: r.data.userId, label: r.data.userName }\r\n r.data.masterId = { value: r.data.masterId, label: r.data.masterName }\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n v.values1.map(e => {\r\n e.selected = true\r\n e.ID = e.value\r\n e.name = e.label\r\n delete e.desc\r\n delete e.id\r\n delete e.img\r\n delete e.value\r\n delete e.label\r\n delete e.consecuencias\r\n return e\r\n })\r\n\r\n v.sectionName = v.sectionName.value\r\n v.userId = v.userId.value\r\n v.masterId = context.state.idItemSelected ? v.masterId.value : (context.props.userAdmin.role === '5' ? context.props.userAdmin.ID : v.masterId.value)\r\n\r\n delete v.flags\r\n delete v.btn1\r\n return v\r\n },\r\n fields: [\r\n {\r\n name: \"type\",\r\n value: \"commitment\",\r\n type: \"hidden\",\r\n },\r\n \r\n {\r\n col: 4,\r\n name: \"periodId\",\r\n value: { value: \"0\", label: \"Actual\" },\r\n type: \"select\",\r\n label: \"Periodo\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admPeriod/get?pick=true\"\r\n },\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 4,\r\n name: \"gradeName\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Grado\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n },\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 4,\r\n name: \"sectionName\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Sección\",\r\n rules: 'required',\r\n parent: 'gradeName',\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.form.gradeName },\r\n setOutput: v => v,\r\n },\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 6,\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Alumno\",\r\n rules: 'required',\r\n parent: 'sectionName',\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admStudent/get?pick=true\" + (context.state.form.sectionName ? \"§ionId=\" + context.state.form.sectionName.value : \"\") },\r\n setOutput: v => v,\r\n },\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 6,\r\n name: \"masterId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Profesor\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admStaff/get?pick=true\" },\r\n setOutput: v => v\r\n },\r\n renderIf: () => { return context.props.userAdmin.role !== '5' }\r\n },\r\n {\r\n col: 6,\r\n name: \"dateFrom\",\r\n value: \"\",\r\n type: \"date\",\r\n label: \"Fecha inicio\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n },\r\n },\r\n {\r\n col: 6,\r\n name: \"dateTo\",\r\n value: \"\",\r\n type: \"date\",\r\n label: \"Fecha fin\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n },\r\n },\r\n {\r\n col: 12,\r\n name: \"values1\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Valor relacionado\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n isMulti: true,\r\n path: () => { return \"general/getlist/trackingValues1\" },\r\n remap: (r) => {\r\n return {\r\n data: {\r\n Results: r.data.map(e => {\r\n e.ID = e.id\r\n return e\r\n })\r\n },\r\n msg: r.msg,\r\n status: r.status\r\n }\r\n },\r\n setOutput: v => v\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-1\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Motivo del acuerdo\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note1\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"Motivo del acuerdo\",\r\n rules: 'required'\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-2\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Compromiso de parte del estudiante\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note2\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"Compromiso de parte del estudiante\",\r\n rules: 'required'\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-3\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Compromiso de parte del docente\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note3\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"Compromiso de parte del docente\",\r\n rules: 'required'\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-4\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Consecuencias Positivas\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note4\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"Consecuencias Positivas\",\r\n rules: 'required'\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-5\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Consecuencias Negativas\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note5\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"Consecuencias Negativas\",\r\n rules: 'required'\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-6\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Comentarios de la revisión del compromiso\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note6\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"Comentarios de la revisión del compromiso\"\r\n }\r\n ]\r\n },\r\n \r\n {\r\n col: 12,\r\n name: \"dueDate\",\r\n value: \"\",\r\n type: \"date\",\r\n label: \"Fecha de Seguimiento\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n },\r\n\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"file1\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"Adjunto 1\",\r\n opts: {\r\n path: ()=> \"admTracking/file\"\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"file2\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"Adjunto 2\",\r\n opts: {\r\n path: ()=> \"admTracking/file\"\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"file3\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"Adjunto 3\",\r\n opts: {\r\n path: ()=> \"admTracking/file\"\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"bookings\",\r\n value: null,\r\n type: \"hidden\",\r\n label: \"\"\r\n },\r\n {\r\n col: 12,\r\n name: \"userName\",\r\n value: \"\",\r\n type: \"hidden\",\r\n label: \"\"\r\n },\r\n {\r\n col: 12,\r\n label: \"Descargar PDF\",\r\n name: \"Descargar PDF\",\r\n value: \"commitment\",\r\n type: \"button\",\r\n onClick: () => {\r\n context.props.setLoader(true)\r\n _axios\r\n .get('admTracking/pdf/' + context.state.idItemSelected)\r\n .then(r => {\r\n if (r.status >= 0) {\r\n window.URL = window.URL || window.webkitURL;\r\n var xhr = new XMLHttpRequest(), a = document.createElement('a'), file;\r\n xhr.open('GET', r.data.url, true);\r\n xhr.responseType = 'blob';\r\n xhr.onload = function () {\r\n file = new Blob([xhr.response], { type : 'application/octet-stream' });\r\n a.href = window.URL.createObjectURL(file);\r\n a.download = r.data.filename; \r\n a.click();\r\n };\r\n xhr.send();\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n context.props.setLoader(false)\r\n }).catch(e => {\r\n context.props.setLoader(false)\r\n })\r\n },\r\n renderIf: () => { return context.state.idItemSelected },\r\n }\r\n ]\r\n },\r\n \r\n columns: [\r\n {\r\n Header: \"ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"Alumno\",\r\n accessor: \"user\"\r\n },\r\n {\r\n Header: \"Grado\",\r\n accessor: \"grado\"\r\n },\r\n {\r\n Header: \"Fecha\",\r\n accessor: \"dateFrom\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Profesor\",\r\n accessor: \"masterName\"\r\n }\r\n ]\r\n }\r\n }","import _axios from \"../../libs/axios\";\r\nimport { NotificationManager } from \"../../components/common/react-notifications\";\r\nimport moment from \"moment\";\r\nexport default (context) => {\r\n return {\r\n\r\n config: {\r\n resource: \"admTracking\",\r\n pageSize: 40,\r\n list: false,\r\n remapRow: (form, data, action) => {\r\n form.grado = form.sectionName.label\r\n form.masterName = action === \"create\" && context.props.userAdmin.role === '5' ? (context.props.userAdmin.name + ' ' + context.props.userAdmin.last) : form.masterId.label\r\n form.user = form.userId.label\r\n form.dateFrom = moment().format('YYYY-MM-DD HH:mm')\r\n return form\r\n }\r\n },\r\n\r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"type\",\r\n value: \"journal\",\r\n type: \"hidden\",\r\n },\r\n {\r\n name: \"periodId\",\r\n value: { value: \"0\", label: \"Actual\" },\r\n type: \"select\",\r\n label: \"Periodo\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admPeriod/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Grado\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Sección\",\r\n parent: \"superSectionId\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.formFilter.superSectionId }\r\n }\r\n },\r\n {\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Alumno\",\r\n rules: 'required',\r\n parent: \"sectionId\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admStudent/get?pick=true§ionId=\" + context.state.formFilter.sectionId }\r\n }\r\n },\r\n {\r\n type: \"daterange\"\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n renderIf: (ctx) => { return ctx.state.periodId || ctx.state.superSectionId || ctx.state.userId || ctx.state.from || ctx.state.to },\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.periodId = { value: r.data.periodId, label: r.data.periodName }\r\n r.data.gradeName = { value: r.data.gradeName, label: r.data.gradeName }\r\n r.data.sectionName = { value: r.data.sectionName, label: r.data.sectionName }\r\n r.data.userId = { value: r.data.userId, label: r.data.userName }\r\n r.data.masterId = { value: r.data.masterId, label: r.data.masterName }\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n v.values1.map(e => {\r\n e.selected = true\r\n e.ID = e.value\r\n e.name = e.label\r\n delete e.desc\r\n delete e.id\r\n delete e.img\r\n delete e.value\r\n delete e.label\r\n return e\r\n })\r\n\r\n v.values2.map(e => {\r\n e.selected = true\r\n e.ID = e.value\r\n e.name = e.label\r\n delete e.desc\r\n delete e.id\r\n delete e.img\r\n delete e.value\r\n delete e.label\r\n return e\r\n })\r\n\r\n v.sectionName = v.sectionName.value\r\n v.userId = v.userId.value\r\n v.masterId = context.state.idItemSelected ? v.masterId.value : (context.props.userAdmin.role === '5' ? context.props.userAdmin.ID : v.masterId.value)\r\n\r\n delete v.flags\r\n delete v.btn1\r\n return v\r\n },\r\n fields: [\r\n {\r\n name: \"type\",\r\n value: \"journal\",\r\n type: \"hidden\",\r\n },\r\n {\r\n col: 4,\r\n name: \"periodId\",\r\n value: { value: \"0\", label: \"Actual\" },\r\n type: \"select\",\r\n label: \"Periodo\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admPeriod/get?pick=true\"\r\n },\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 4,\r\n name: \"gradeName\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Grado\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n },\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 4,\r\n name: \"sectionName\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Sección\",\r\n rules: 'required',\r\n parent: 'gradeName',\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.form.gradeName },\r\n setOutput: v => v,\r\n },\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 6,\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Alumno\",\r\n rules: 'required',\r\n parent: 'sectionName',\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admStudent/get?pick=true\" + (context.state.form.sectionName ? \"§ionId=\" + context.state.form.sectionName.value : \"\") },\r\n setOutput: v => v,\r\n },\r\n disabled: () => { return context.state.idItemSelected ? true : false }\r\n },\r\n {\r\n col: 6,\r\n name: \"masterId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Profesor\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admStaff/get?pick=true\" },\r\n setOutput: v => v\r\n },\r\n renderIf: () => { return context.props.userAdmin.role !== '5' }\r\n },\r\n {\r\n col: 12,\r\n name: \"values1\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Valor relacionado\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n isMulti: true,\r\n path: () => { return \"general/getlist/trackingValues1\" },\r\n remap: (r) => {\r\n return {\r\n data: {\r\n Results: r.data.map(e => {\r\n e.ID = e.id\r\n return e\r\n })\r\n },\r\n msg: r.msg,\r\n status: r.status\r\n }\r\n },\r\n setOutput: v => v\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-1\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Descripción del hecho\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note1\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"Descripción del hecho\",\r\n rules: \"required\"\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"values2\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Accion tomada\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n isMulti: true,\r\n path: () => { return \"general/getlist/trackingValues2\" },\r\n remap: (r) => {\r\n return {\r\n data: {\r\n Results: r.data.map(e => {\r\n e.ID = e.id\r\n return e\r\n })\r\n },\r\n msg: r.msg,\r\n status: r.status\r\n }\r\n },\r\n setOutput: v => v\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"tab-2\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"Recomendación\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"note3\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"Recomendación\",\r\n rules: \"required\"\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"negative\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Tipo\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {label: 'Felicitación', value: false},\r\n {label: 'Oportunidad de Mejora', value: true}\r\n ]\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"file1\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"Adjunto 1\",\r\n opts: {\r\n path: ()=> \"admTracking/file\"\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"file2\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"Adjunto 2\",\r\n opts: {\r\n path: ()=> \"admTracking/file\"\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"file3\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"Adjunto 3\",\r\n opts: {\r\n path: ()=> \"admTracking/file\"\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"bookings\",\r\n value: null,\r\n type: \"hidden\",\r\n label: \"\"\r\n },\r\n {\r\n col: 12,\r\n name: \"userName\",\r\n value: \"\",\r\n type: \"hidden\",\r\n label: \"\"\r\n },\r\n {\r\n col: 12,\r\n label: \"Descargar PDF\",\r\n name: \"Descargar PDF\",\r\n value: \"commitment\",\r\n type: \"button\",\r\n onClick: () => {\r\n context.props.setLoader(true)\r\n _axios\r\n .get('admTracking/pdf/' + context.state.idItemSelected)\r\n .then(r => {\r\n if (r.status >= 0) {\r\n window.URL = window.URL || window.webkitURL;\r\n var xhr = new XMLHttpRequest(), a = document.createElement('a'), file;\r\n xhr.open('GET', r.data.url, true);\r\n xhr.responseType = 'blob';\r\n xhr.onload = function () {\r\n file = new Blob([xhr.response], { type : 'application/octet-stream' });\r\n a.href = window.URL.createObjectURL(file);\r\n a.download = r.data.filename; \r\n a.click();\r\n };\r\n xhr.send();\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n context.props.setLoader(false)\r\n }).catch(e => {\r\n context.props.setLoader(false)\r\n })\r\n },\r\n renderIf: () => { return context.state.idItemSelected },\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"Alumno\",\r\n accessor: \"user\"\r\n },\r\n {\r\n Header: \"Grado\",\r\n accessor: \"grado\"\r\n },\r\n {\r\n Header: \"Fecha\",\r\n accessor: \"dateFrom\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"Profesor\",\r\n accessor: \"masterName\"\r\n }\r\n ]\r\n }\r\n}","export default (context) => {\r\n return {\r\n config: {\r\n hiddenGrid: true\r\n },\r\n \r\n actions: {\r\n create: false,\r\n edit: false,\r\n delete: false,\r\n print: false,\r\n export: false,\r\n search: false\r\n },\r\n \r\n extras: {\r\n items: [],\r\n itemsInRowsTable: [],\r\n forms: [\r\n {\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"dummy\",\r\n value: null,\r\n type: \"button\",\r\n label: \"Tomar asistencia\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n onClick: (ctx) => {\r\n window.open(\"/admin/#/ActivitySession\");\r\n }\r\n }\r\n ],\r\n \r\n getUrl:\"\",\r\n postUrl:\"\",\r\n\r\n onSuccess: (r) => { },\r\n onError: (e) => { },\r\n }\r\n ]\r\n },\r\n \r\n filter: {\r\n fields: [],\r\n buttons: []\r\n },\r\n \r\n form: {\r\n fields: [ ]\r\n },\r\n \r\n columns: []\r\n }\r\n }","export default (context) => {\r\n return {\r\n \r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n remapRow: (form) => {\r\n return form\r\n }\r\n },\r\n \r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n return v\r\n },\r\n fields: [\r\n {\r\n col: 6,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"Nombre\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"type\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Tipo\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {value: 0, label: \"Justificación No recibida\"},\r\n {value: 1, label: \"Justificación Recibida\"},\r\n {value: 2, label: \"Justificación Aceptada\"},\r\n {value: -1, label: \"Justificación Rechazada\"}\r\n ]\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"notify\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"Notificar a padres\"\r\n },\r\n {\r\n col: 12,\r\n name: \"notifyDelay\",\r\n value: 0,\r\n type: \"number\",\r\n label: \"Notificar pasados tantos minutos de horario entrada\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: (ctx) => { return ctx.state.notify }\r\n },\r\n {\r\n col: 12,\r\n name: \"showInReports\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"Mostrar en reportes de notas\"\r\n },\r\n ]\r\n },\r\n \r\n columns: [\r\n {\r\n Header: \"ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"Nombre\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"Notificar a padres\",\r\n accessor: \"notify\",\r\n isBool: true\r\n },\r\n {\r\n Header: \"Mostrar en reportes de notas\",\r\n accessor: \"showInReports\",\r\n isBool: true\r\n }\r\n ]\r\n }\r\n }","export default (context) => {\r\n\r\n const items = [\r\n {id: 4, name: 'Notas conducta', module:'admGradesBehavior', onClick: (row, ctx, id) => {\r\n context.setState({selectedReport: id})\r\n }},\r\n {id: 3, name: 'Comentarios del tutor', module:'admGradesBehavior', onClick: (row, ctx, id) => {\r\n context.setState({selectedReport: id})\r\n }}\r\n ]\r\n\r\n const allowedItems = items.filter(f => { return !f.module || context.props.userAdmin.menu.some(s=> s.subs.some(ss=>ss.id === f.module))})\r\n\r\n return {\r\n config: {\r\n isBehavior: true\r\n },\r\n extras: {\r\n items: allowedItems\r\n }\r\n }\r\n}","import moment from \"moment\"\r\n\r\nexport default (context) => {\r\n const M = \"admSection.\"\r\n return {\r\n config: {\r\n hiddenTitle: window.location.href.indexOf('admSuperSection') > -1,\r\n pageSize: 40,\r\n list: false,\r\n remapRow: (form) => {\r\n form.owner = form.owner.label\r\n form.superSectionName = form.parentId.label\r\n return form\r\n }\r\n },\r\n\r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: false,\r\n export: false,\r\n search: true,\r\n import: {\r\n templateFile: \"YearsClassesImport.xlsx\"\r\n }\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n if (r.data.parentId) r.data.parentId = { value: r.data.parentId, label: r.data.parentName }\r\n if (r.data.owner) r.data.owner = { value: r.data.owner, label: r.data.ownerName }\r\n if (r.data.entranceTime) r.data.entranceTime = moment().format('YYYY-MM-DD ') + r.data.entranceTime\r\n if (r.data.leaveTime) r.data.leaveTime = moment().format('YYYY-MM-DD ') + r.data.leaveTime\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n if (v.entranceTime) v.entranceTime = moment(v.entranceTime).format('HH:mm')\r\n if (v.leaveTime) v.leaveTime = moment(v.leaveTime).format('HH:mm')\r\n if (v.parentId) v.parentId = v.parentId.value\r\n if (v.owner) v.owner = v.owner.value\r\n return v\r\n },\r\n fields: [\r\n {\r\n col: 6,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}sectionName`,\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"desc\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.desc\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"color\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.color\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"maxMembers\",\r\n value: \"\",\r\n type: \"number\",\r\n label: `${M}maxMembers`,\r\n rules: 'required|numeric',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"externalId\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.externalId\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"parentId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}parentSectionId`,\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return 'admSuperSection/get' },\r\n setOutput: v => v\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"entranceTime\",\r\n value: \"\",\r\n type: \"time\",\r\n label: `${M}entranceTime`,\r\n opts: {\r\n style: 'float-label',\r\n timeIntervals: 60\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"leaveTime\",\r\n value: \"\",\r\n type: \"time\",\r\n label: `${M}leaveTime`,\r\n opts: {\r\n style: 'float-label',\r\n timeIntervals: 60\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"entranceGate\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}entranceGate`,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"leaveGate\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}leaveGate`,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"owner\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.responsible\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return 'admStaff/get?pick=true' },\r\n withImg: true,\r\n searchOnline: true,\r\n setOutput: v => v\r\n }\r\n },\r\n {\r\n inactive: true,\r\n col:6,\r\n name:\"sync\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}syncWithExternalSystem`\r\n },\r\n /*\r\n {\r\n col: 12,\r\n name: \"file1\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"Firma del tutor\",\r\n opts: {\r\n path: ()=> \"admSection/file\",\r\n accept: '.gif, .jpg, .jpeg, .png'\r\n }\r\n },\r\n */\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"main.color\",\r\n accessor: \"color\"\r\n },\r\n {\r\n Header: \"main.responsible\",\r\n accessor: \"owner\"\r\n },\r\n {\r\n Header: \"main.superSection\",\r\n accessor: \"superSectionName\"\r\n },\r\n {\r\n Header: \"main.externalId\",\r\n accessor: \"externalId\"\r\n },\r\n ]\r\n }\r\n}","import moment from \"moment\"\r\nimport AppLocale from \"../../config/lang\";\r\n\r\nexport default (context) => {\r\n const datestypes = \r\n [\r\n {\r\n value: \"typeAcadYear\",\r\n label: \"admCalendar.typeAcadYear\"\r\n },\r\n {\r\n value: \"typeAcadPeriod\",\r\n label: \"admCalendar.typeAcadPeriod\"\r\n },\r\n {\r\n value: \"typeVacations\",\r\n label: \"admCalendar.typeVacations\"\r\n },\r\n {\r\n value: \"typeHoliday\",\r\n label: \"admCalendar.typeHoliday\"\r\n },\r\n {\r\n value: \"typeSchoolAct\",\r\n label: \"admCalendar.typeSchoolAct\"\r\n },\r\n {\r\n value: \"typeAlteredTiming\",\r\n label: \"admCalendar.typeAlteredTiming\"\r\n },\r\n {\r\n value: \"typeStaffAbsence\",\r\n label: \"admCalendar.typeStaffAbsence\"\r\n },\r\n {\r\n value: \"other\",\r\n label: \"main.other\"\r\n }\r\n ]\r\n\r\n const L = AppLocale['en'].messages\r\n const noClasses = L['admCalendar.noClasses']\r\n const chips = datestypes.reduce((a, v) => ({ ...a, [v.value]: {text: L[v.label], color:'gray'}}), {}) \r\n\r\n\r\n return {\r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n resource: \"admResourceTime\",\r\n remap: (r) => {\r\n r.data.Results.map(e => {\r\n e.from = moment(e.from).format('DD-MM-YYYY')\r\n e.to = moment(e.to).format('DD-MM-YYYY')\r\n return e\r\n })\r\n return r\r\n }\r\n },\r\n\r\n actions: {\r\n create: { reloadGrid: true },\r\n edit: { reloadGrid: true },\r\n delete: true,\r\n print: false,\r\n export: true,\r\n search: true\r\n },\r\n\r\n extras: {\r\n items: [ ],\r\n itemsInRowsTable: [],\r\n forms: []\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n col: 3,\r\n name: \"activityId\",\r\n value: -1,\r\n type: \"select\",\r\n label: \"admCalendar.academicYear\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admActivity/get?type=ayr\" }\r\n }\r\n },\r\n {\r\n col: 2,\r\n name: \"inactive\",\r\n value: false,\r\n type: \"select\",\r\n label: \"Estado:\",\r\n opts: {\r\n style: 'float-label',\r\n items: \r\n [\r\n {\r\n value: false,\r\n label: \"Activo\"\r\n },\r\n {\r\n value: true,\r\n label: \"Inactivo\"\r\n }\r\n ]\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'Aplicar filtro',\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.desc\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"desc\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.category\",\r\n opts: {\r\n style: 'float-label',\r\n items: datestypes,\r\n isClearable: false\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"from\",\r\n value: null,\r\n type: \"date\",\r\n label: \"admCalendar.startDateTime\",\r\n rules: \"required\",\r\n opts: {\r\n style: \"float-label\",\r\n isClearable: true,\r\n dateFormat: \"DD/MM/YYYY\",\r\n selectsStart: true,\r\n startDate: (ctx) => ctx.state.from ? moment(ctx.state.from) : null,\r\n endDate: (ctx) => ctx.state.to ? moment(ctx.state.to) : null\r\n },\r\n },\r\n {\r\n col: 6,\r\n name: \"to\",\r\n value: null,\r\n type: \"date\",\r\n label: \"admCalendar.endDateTime\",\r\n rules: \"required\",\r\n opts: {\r\n style: \"float-label\",\r\n isClearable: true,\r\n dateFormat: \"DD/MM/YYYY\",\r\n selectsEnd: true,\r\n startDate: (ctx) => moment(ctx.state.from),\r\n endDate: (ctx) => moment(ctx.state.to),\r\n minDate: (ctx) => moment(ctx.state.from)\r\n },\r\n renderIf: ctx => ctx.state.from\r\n },\r\n {\r\n col: 6,\r\n name: \"noClasses\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"admCalendar.noClasses\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"inactive\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"main.inactive\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n name: \"onDemand\",\r\n value: false,\r\n type: \"hidden\",\r\n },\r\n {\r\n name: \"blocker\",\r\n value: true,\r\n type: \"hidden\",\r\n },\r\n {\r\n name: \"duration\",\r\n value: 0,\r\n type: \"hidden\",\r\n },\r\n ],\r\n subGrids: [ ] \r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"main.category\",\r\n accessor: \"desc\",\r\n type: 'chip',\r\n chips: chips\r\n },\r\n {\r\n Header: \"admCalendar.startDateTime\",\r\n accessor: \"from\"\r\n },\r\n {\r\n Header: \"admCalendar.endDateTime\",\r\n accessor: \"to\"\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"noClasses\",\r\n type: 'chip',\r\n chips: {\r\n true: {text: noClasses, color:'lightgreen'},\r\n false: {text:'', color:undefined}\r\n }\r\n }\r\n ]\r\n }\r\n}","import moment from \"moment\"\r\n// import _axios from \"../../libs/axios\"\r\n// import { NotificationManager } from \"../../components/common/react-notifications\"\r\n\r\nexport default (context) => {\r\n const M = \"admInfirmary.\"\r\n return {\r\n config: {\r\n pageSize: 40,\r\n list: false\r\n },\r\n\r\n actions: {\r\n create: {\r\n reloadGrid: true\r\n },\r\n edit: true,\r\n delete: true,\r\n print: false,\r\n export: true,\r\n search: true\r\n },\r\n\r\n extras: {\r\n /*items: [\r\n {id: 0, icon: 'simple-icon-refresh', name: 'Sincronizar con ISAMS', onClick: () => { \r\n context.props.setLoader(true)\r\n _axios\r\n .post(`/admInfirmary/sync`)\r\n .then(r => {\r\n context.props.setLoader(false)\r\n if (r.status >= 0) {\r\n console.log(r)\r\n }\r\n if (r.msg) NotificationManager[r.status >= 0 ? \"success\" : \"error\"](r.msg, \"\", 5000, null, null, 'outline')\r\n }).catch(e => context.props.setLoader(false))\r\n }}\r\n ],\r\n maxItems: 1,\r\n maxActions: 1,\r\n */\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"main.grade\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.section\",\r\n parent: \"superSectionId\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.formFilter.superSectionId }\r\n }\r\n },\r\n {\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.student\",\r\n rules: 'required',\r\n parent: \"sectionId\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admStudent/get?pick=true§ionId=\" + context.state.formFilter.sectionId }\r\n }\r\n },\r\n {\r\n type: \"daterange\",\r\n range: {\r\n value: 0\r\n }\r\n },\r\n /* {\r\n name: \"syncStatus\",\r\n value: null,\r\n type: \"select\",\r\n label: \"Estado sincronización\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: null,\r\n label: \"Todos\"\r\n },\r\n {\r\n value: 0,\r\n label: \"Pendientes\"\r\n },\r\n {\r\n value: 1,\r\n label: \"Sincronizados\"\r\n },\r\n {\r\n value: -1,\r\n label: \"Con error\"\r\n },\r\n ]\r\n }\r\n }*/\r\n ],\r\n buttons: [\r\n {\r\n name: \"btnFilter\",\r\n label: \"main.applyFilter\",\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n setValuesBeforePost: (values) => {\r\n delete values.createdDate\r\n delete values.updatedDate\r\n delete values.staffIds\r\n values.prescription = \"-\"\r\n values.name = values.symptomId.label\r\n values.symptomId = values.symptomId.value\r\n values.timeIn = (context.state.idItemSelected ? moment(values.timeIn).format('YYYY-MM-DD ') : moment().format('YYYY-MM-DD ')) + values.timeInTxt\r\n values.timeOut = (context.state.idItemSelected ? moment(values.timeOut).format('YYYY-MM-DD ') : moment().format('YYYY-MM-DD ')) + values.timeOutTxt\r\n return values\r\n },\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.userId = {value: r.data.userId, label: r.data.patient}\r\n r.data.symptomId = {value: r.data.symptomId, label: r.data.symptomName}\r\n r.data.outcomeId = {value: r.data.outcomeId, label: r.data.outcomeName}\r\n r.data.timeInTxt = moment(r.data.timeIn).format('HH:mm')\r\n r.data.timeOutTxt = moment(r.data.timeOut).format('HH:mm')\r\n }\r\n return r\r\n },\r\n fields: [\r\n {\r\n col: 3,\r\n name: \"superSectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.grade\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n },\r\n renderIf: (ctx) => { return !context.state.idItemSelected }\r\n },\r\n {\r\n col: 3,\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.section\",\r\n parent: \"superSectionId\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.form.superSectionId }\r\n },\r\n renderIf: (ctx) => { return !context.state.idItemSelected }\r\n },\r\n {\r\n col: 6,\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.patient\",\r\n rules: 'required',\r\n parent: \"sectionId\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n withImg: true,\r\n path: () => { return \"/admStudent/get?pick=true\" + (context.state.form?.sectionId ? (\"§ionId=\" + context.state.form?.sectionId) : \"\") }\r\n }\r\n },\r\n {\r\n name: \"timeIn\",\r\n value: \"\",\r\n type: \"hidden\",\r\n },\r\n {\r\n name: \"timeOut\",\r\n value: \"\",\r\n type: \"hidden\",\r\n },\r\n {\r\n col: 3,\r\n name: \"timeInTxt\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}entryTime`,\r\n rules: ['required', {regex:'^([01]?[0-9]|2[0-3]):[0-5][0-9]$'}],\r\n placeholder: \"00:00\",\r\n opts: {\r\n style: 'float-label',\r\n default: () => moment().format('HH:mm'),\r\n }\r\n },\r\n {\r\n col: 3,\r\n name: \"timeOutTxt\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}exitTime`,\r\n rules: ['required', {regex:'^([01]?[0-9]|2[0-3]):[0-5][0-9]$'}],\r\n placeholder: \"00:00\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n /*\r\n {\r\n col: 6,\r\n name: \"name\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Incidente\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n */\r\n {\r\n col: 6,\r\n name: \"symptomId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.symptom\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: () => { return \"/admInfirmaryValues/get?type=SYM\" },\r\n setOutput: v => v\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"desc\",\r\n value: null,\r\n type: \"textarea\",\r\n label: \"main.desc\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"arrivedFrom\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}cameFrom`,\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {value: \"Casa\", label: \"Casa\"},\r\n {value: \"Clase\", label: \"Clase\"}\r\n ]\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"outcomeId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}departedTo`,\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admInfirmaryValues/get?type=OUT\" }\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"departedTo\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}transportMedium`,\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {value: \"Pie\", label: \"Pie\"},\r\n {value: \"Silla de ruedas\", label: \"Silla de ruedas\"},\r\n {value: \"Ambulancia\", label: \"Ambulancia\"}\r\n ]\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"createdDate\",\r\n value: null,\r\n type: \"datetime\",\r\n label: `${M}incidentDate`,\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true,\r\n renderIf: (ctx) => { return context.state.idItemSelected }\r\n },\r\n {\r\n col: 4,\r\n name: \"updatedDate\",\r\n value: null,\r\n type: \"datetime\",\r\n label: \"main.lastModification\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true,\r\n renderIf: (ctx) => { return context.state.idItemSelected }\r\n },\r\n {\r\n col: 4,\r\n name: \"staffName\",\r\n value: null,\r\n type: \"text\",\r\n label: `${M}medicalStaff`,\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true,\r\n renderIf: (ctx) => { return context.state.idItemSelected }\r\n },\r\n /*\r\n {\r\n col: 8,\r\n name: \"prescription\",\r\n value: null,\r\n type: \"text\",\r\n label: \"Prescripción\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n */\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"photo1\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"main.attachment\",\r\n isDoc: false,\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"admInfirmary/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n output: true\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"photo2\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"main.attachment\",\r\n isDoc: false,\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"admInfirmary/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n output: true\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"photo3\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"main.attachment\",\r\n isDoc: false,\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"admInfirmary/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n output: true\r\n }\r\n },\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: `main.gradeAndSection`,\r\n accessor: \"sectionTag\",\r\n },\r\n {\r\n Header: \"main.patient\",\r\n accessor: \"patient\",\r\n },\r\n {\r\n Header: \"main.symptom\",\r\n accessor: \"symptomName\",\r\n },\r\n {\r\n Header: \"main.outcome\",\r\n accessor: \"outcomeName\",\r\n },\r\n {\r\n Header: \"main.date\",\r\n accessor: \"updatedDate\",\r\n isDate: true\r\n },\r\n /*{\r\n Header: \"ISAMS\",\r\n accessor: \"syncStatus\",\r\n type: 'chip',\r\n chips: {\r\n '-1': {text:'Error',color:'red'},\r\n '0': {text:'Pending',color:'orange'},\r\n '1': {text:'Synced',color:'green'}\r\n }\r\n }*/\r\n ]\r\n }\r\n}","import { NotificationManager } from \"../../components/common/react-notifications\";\r\nimport { findModuleInMenu } from '../../helpers/Utils';\r\n\r\nexport default (context) => {\r\n const M = \"admPublication.\"\r\n const onCreateSuccess = (r) => {\r\n context.setState({showFormCustom: false, btnCancel: \"main.close\"}, () => {\r\n context.getDataById(r.data)\r\n })\r\n }\r\n const onGetDataById = () => {\r\n if (context.state.btnCancel === \"main.close\") {\r\n NotificationManager.success('Successful registration', '', 5000, null, null, 'outline')\r\n context.setState({showFormCustom: true}, () => {\r\n setTimeout(() => {\r\n const detailGrid = document.getElementById(\"detailGrid\")\r\n if (detailGrid) detailGrid.scrollIntoView({ behavior: \"smooth\" })\r\n }, 500)\r\n })\r\n }\r\n }\r\n const admPublicationPart = findModuleInMenu(context.props.menuItems, \"id\", \"admPublicationPart\")\r\n\r\n return {\r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n enableContexMenu: true,\r\n remapRow: (form) => {\r\n return form\r\n }\r\n },\r\n\r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"type\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}publicationType`,\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {value: \"pub\", label: `${M}postWeeklyBulletin`},\r\n {value: \"pho\", label: `${M}media`},\r\n {value: \"\", label: \"main.all\"}\r\n ]\r\n }\r\n },\r\n {\r\n name: \"toDateType\",\r\n value: 0,\r\n type: \"select\",\r\n label: \"main.status\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {value: 0, label: `${M}publishedVisibleUntil`},\r\n {value: 1, label: `${M}unpublishedUntil`},\r\n {value: 2, label: \"main.all\"}\r\n ]\r\n }\r\n },\r\n {\r\n name: \"toDate\",\r\n value: null,\r\n type: \"date\",\r\n label: \"main.date\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'main.applyFilter',\r\n renderIf: (ctx) => { return ctx.state.toDateType || ctx.state.toDate },\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.categoryId = { value: r.data.categoryId, label: r.data.categoryName }\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n if (v.superSections) {\r\n v.superSections = v.superSections.map(e => {\r\n e = { ID: e.value, name: e.label, selected: true }\r\n return e\r\n })\r\n }\r\n if (v.sections) {\r\n v.sections = v.sections.map(e => {\r\n e = { ID: e.value, name: e.label, selected: true }\r\n return e\r\n })\r\n }\r\n delete v.selectedField\r\n return v\r\n },\r\n onCreateSuccess: admPublicationPart ? onCreateSuccess : null,\r\n onGetDataById: admPublicationPart ? onGetDataById : null,\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"ID\",\r\n value: null,\r\n type: \"hide\"\r\n },\r\n {\r\n col: 6,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.title\",\r\n rules: \"required|max:150\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"categoryId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.category\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admCategory/get?type=pub,pho\"}\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"label1\",\r\n value: \"main.coverImage\",\r\n type: \"label\",\r\n opts: {\r\n wrapperClassName: \"mb-1\"\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"img1\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n isDoc: false,\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"/admPublication/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n output: true\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"img2\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n isDoc: false,\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"/admPublication/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n output: true\r\n }\r\n },\r\n {\r\n col: 4,\r\n colxs: 4,\r\n name: \"img3\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n isDoc: false,\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"/admPublication/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n output: true\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"desc\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}shortComment`,\r\n rules: \"required|max:150\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"body\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: `${M}longComment`,\r\n /*\r\n aiAssist: {\r\n action: 'write',\r\n requiredFields: [\"name\", \"desc\"],\r\n postUrl: \"admPublication/AiAssist\"\r\n },\r\n */\r\n renderIf: ctx => ctx.state.type !== \"pho\"\r\n },\r\n {\r\n col: 12,\r\n name: \"published\",\r\n value: true,\r\n type: \"switch\",\r\n label: `${M}publishedVisible`,\r\n },\r\n {\r\n type: \"daterange\",\r\n isFormCrud: true,\r\n range: {\r\n col: 4,\r\n renderIf: (ctx) => ctx.state.published,\r\n label: \"\"\r\n },\r\n from: {\r\n col: 4,\r\n name: \"publishFrom\",\r\n value: \"\",\r\n type: \"date\",\r\n label: `${M}visibleFrom`,\r\n rules: \"required\"\r\n },\r\n to: {\r\n col: 4,\r\n name: \"publishTo\",\r\n value: \"\",\r\n type: \"date\",\r\n label: `${M}visibleUntil`,\r\n rules: \"required\"\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"superSections\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}visibleForGrades`,\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\",\r\n isMulti: true,\r\n setOutput: v => v\r\n },\r\n renderIf: (ctx) => ctx.state.published\r\n },\r\n {\r\n col: 6,\r\n name: \"sections\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}visibleForClasses`,\r\n parent: 'superSections',\r\n opts: {\r\n style: 'float-label',\r\n path: () => `/admSection/get?pick=true&parentId=${((context.state.form.superSections && context.state.form.superSections.length > 0) ? context.state.form.superSections[0].value : null)}`,\r\n isMulti: true,\r\n setOutput: v => v\r\n },\r\n renderIf: (ctx) => { return (ctx.state.published && ctx.state.superSections?.length === 1) || (ctx.state.published && ctx.state.sections?.length >= 1)}\r\n },\r\n {\r\n col: 12,\r\n name: \"empty1\",\r\n type: \"separator\",\r\n },\r\n {\r\n col: 12,\r\n name: \"tab1\",\r\n value: false,\r\n type: \"collapsible\",\r\n placeholder: `${M}enterSecondaryLanguage`,\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"nameEN\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.desc\",\r\n aiAssist: {\r\n action: 'translate',\r\n requiredFields: [\"name\", \"desc\"],\r\n postUrl: \"admPublication/AiAssist\"\r\n },\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"descEN\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}shortComment`,\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"bodyEN\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: `${M}longComment`,\r\n renderIf: ctx => ctx.state.type !== \"pho\"\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"tab2\",\r\n value: false,\r\n type: \"collapsible\",\r\n placeholder: 'main.seeMoreOptions',\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"by\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.author\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"pinTop\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}importantPin`,\r\n },\r\n {\r\n col: 12,\r\n name: \"labelSpacer\",\r\n value: L => `${L[`${M}whoCanSee`]}
`,\r\n type: \"label\",\r\n },\r\n {\r\n col: 4,\r\n name: \"accessPrincipal\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}parentsGuardians`,\r\n },\r\n {\r\n col: 4,\r\n name: \"accessDependant\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"main.students\"\r\n },\r\n {\r\n col: 4,\r\n name: \"accessMaster\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}staffTeachers`,\r\n }\r\n ]\r\n }\r\n ],\r\n detailGrid: admPublicationPart ? () => {\r\n return {\r\n module: 'admPublicationPart',\r\n parentIdField: \"ID\",\r\n renderIf: () => context.state.form && context.state.form.ID\r\n }\r\n } : null\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: `${M}publishedVisible`,\r\n accessor: \"published\",\r\n isBool: true\r\n },\r\n {\r\n Header: `${M}visibleFrom`,\r\n accessor: \"publishFrom\",\r\n isDate: true\r\n },\r\n {\r\n Header: `${M}visibleUntil`,\r\n accessor: \"publishTo\",\r\n isDate: true\r\n },\r\n {\r\n Header: `${M}importantPin`,\r\n accessor: \"pinTop\",\r\n isBool: true\r\n }\r\n ]\r\n }\r\n}","export default (context) => {\r\n const M = \"admPublication.\"\r\n return {\r\n config: {\r\n resource: \"admPublication\",\r\n pageSize: 40,\r\n list: false,\r\n remapRow: (form) => {\r\n return form\r\n }\r\n },\r\n\r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.categoryId = { value: r.data.categoryId, label: r.data.categoryName }\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n return v\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"tab1\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: `${M}firstLanguage`,\r\n placeholder: `${M}enterFirstLanguage`,\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.title\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"desc\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.desc\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"body\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: `${M}longComment`,\r\n rules: \"required\"\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"tab2\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: `${M}secondaryLanguage`,\r\n placeholder: `${M}enterSecondaryLanguage`,\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"nameEN\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.title\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"descEN\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.desc\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"bodyEN\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: `${M}longComment`,\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"by\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.author\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"imgUrl\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"main.coverImage\",\r\n isDoc: false,\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"/admPublication/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n output: true\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"superSections\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}visibleForSections`,\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\",\r\n isMulti: true,\r\n setOutput: v => v\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"sections\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}visibleToSubsections`,\r\n parent: 'superSections',\r\n opts: {\r\n style: 'float-label',\r\n path: () => `/admSection/get?pick=true&parentId=${context.state.form.superSections[0].value}`,\r\n isMulti: true,\r\n setOutput: v => v\r\n },\r\n renderIf: ctx => ctx.state.superSections && ctx.state.superSections.length === 1\r\n },\r\n {\r\n col: 4,\r\n name: \"categoryId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.category\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: () => \"/admCategory/get?type=pub\"\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"empty1\",\r\n type: \"separator\",\r\n },\r\n {\r\n col: 4,\r\n name: \"pinTop\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}importantPin`\r\n },\r\n {\r\n col: 12,\r\n name: \"labelSpacer\",\r\n value: L => `${L[`${M}whoCanSee`]}
`,\r\n type: \"label\"\r\n },\r\n {\r\n col: 4,\r\n name: \"accessPrincipal\",\r\n value: true,\r\n type: \"switch\",\r\n label: `${M}mainUsers`\r\n },\r\n {\r\n col: 4,\r\n name: \"accessDependant\",\r\n value: true,\r\n type: \"switch\",\r\n label: `${M}dependentUsers`\r\n },\r\n {\r\n col: 4,\r\n name: \"accessMaster\",\r\n value: true,\r\n type: \"switch\",\r\n label: `${M}staffTeachers`\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"main.desc\",\r\n accessor: \"desc\"\r\n },\r\n {\r\n Header: `${M}published`,\r\n accessor: \"pinTop\",\r\n isBool: true\r\n }\r\n ]\r\n }\r\n}","import React from \"react\"\r\nimport { Card, CardBody, FormGroup, Badge, Button } from \"reactstrap\"\r\nimport Field from \"../../components/utils/Field\"\r\nimport CircularProgressbar from \"react-circular-progressbar\";\r\nimport _axios from \"../../libs/axios\";\r\nimport _moment from \"../../libs/moment\";\r\nimport { NotificationManager } from \"../../components/common/react-notifications\";\r\nimport { isAndroidOrIos } from \"../../helpers/Utils\";\r\nimport CustomPreviewWhatsApp from \"../../components/utils/CustomPreviewWhatsApp\";\r\n\r\nexport default (context) => {\r\n const M = \"admFetch.\"\r\n const baseUrl = `https://${window.tenant.alias}.fetchbird.io/`\r\n const baseUrl2 = `https://wa.me/97145300045?text=${window.tenant.alias}-`\r\n let ctxForm = null\r\n let ctxSubFormDetailGrid = null\r\n const onCreateSuccess = (r) => {\r\n context.props.setLoader(false)\r\n if (context.state.form.flags.currentStepId === \"step-2\") {\r\n const fetchId = r.data\r\n context.setState({fetchId: fetchId})\r\n context.getDataById(fetchId, false)\r\n } else if (context.state.form.flags.currentStepId === \"step-5\") {\r\n context.getDataById(context.state.fetchId, false)\r\n }\r\n }\r\n const onEditSuccess = (r) => {\r\n context.props.setLoader(false)\r\n }\r\n const changeTemplate = (ctx) => {\r\n context.props.setLoader(true)\r\n _axios\r\n .get(`admLocalization/get/${ctx.state.doWATemplate.value}?objectType=fetch&objectId=${context.state.idItemSelected || context.state.fetchId}`)\r\n .then(r => {\r\n context.props.setLoader(false)\r\n if (r.status >= 0) {\r\n const fields = []\r\n const template = r.data\r\n template.tagsContent.forEach((t, i) => {\r\n if (t.id === \"fetch.title\") ctx.setState({[t.id]: ctx.state.name})\r\n else if (t.id === \"fetch.desc\") ctx.setState({[t.id]: ctx.state.desc})\r\n else if (t.id === \"header.image\") ctx.setState({[t.id]: ctx.state.artUrl})\r\n else if (ctx.state.placeholders?.length > 0) { ctx.setState({[t.id]: ctx.state.placeholders[i]?.name ?? t.defValue }) }\r\n else ctx.setState({[t.id]: t.defValue ?? \"\"})\r\n if (t.id === \"header.image\") {\r\n fields.push(\r\n {\r\n col: 12,\r\n name: t.id,\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"\",\r\n isDoc: false,\r\n rules: 'ext:jpeg,jpg,png',\r\n placeholder: \"main.selectFile\",\r\n opts: {\r\n path: ()=> \"/admFetch/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n url: ctx.state.artUrl\r\n }\r\n }\r\n )\r\n } else {\r\n fields.push(\r\n {\r\n col: 6,\r\n name: t.id,\r\n value: \"\",\r\n type: t.hidden || ([\"fetch.title\", \"fetch.desc\"].indexOf(t.id) > -1) ? \"hidden\" : \"text\",\r\n label: (L) => {\r\n let label = t.id.split(\".\")\r\n label = label.pop()\r\n return L[`${M}${label}`] || L[`main.${label}`] || t.id\r\n },\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: t.readonly\r\n }\r\n )\r\n }\r\n })\r\n \r\n ctx.setState({ selectedTemplate: r.data }, () => {\r\n const formFields = context.state.formFields\r\n let wizard = formFields.find(f => f.name === \"wizard\")\r\n wizard.steps[1].fields.find(f => f.name === \"placeholders\").childs = fields\r\n formFields[0] = wizard\r\n context.setState({formFields: formFields})\r\n })\r\n } else NotificationManager.error(r.msg, \"Opps\", 5000, null, null, 'outline')\r\n }).catch(e => context.props.setLoader(false))\r\n }\r\n const summary = (props) => {\r\n const {L, form} = props\r\n // const form = context.state.form\r\n\r\n const accessibility = () => {\r\n const values = {\r\n '0': `${L[`${M}toSpecificNumbers`]}`,\r\n '1': `${L[`${M}toSpecificGroups`]}`,\r\n '2': `${L[`${M}open`]}`\r\n }\r\n return values[form.recipientType] || \"\"\r\n }\r\n\r\n const percentage = () => {\r\n let p = 0\r\n if (form.countSent > 0 && form.countTarget > 0) p = form.countSent / form.countTarget\r\n return p\r\n }\r\n\r\n const statusName = () => {\r\n const values = {\r\n 0: `${L[`${M}noSent`]}`,\r\n 1: `${L[`${M}fetchesScheduled`]}`.replace(\"{0}\", form.countTarget),\r\n 2: `${L[`${M}sending`]}`,\r\n 3: `${L[`${M}sent`]}`,\r\n '-1': `${L[`${M}sent`]}`\r\n }\r\n return values[form.sendStatus] || \"\"\r\n }\r\n\r\n const statusDetail = () => {\r\n let date = \"\"\r\n if (form.forDate) date = _moment(form.forDate).format(\"DD MMM YYYY H:mma\")\r\n const values = {\r\n 0: `${L[`${M}manualSendPending`]}`,\r\n 1: `${L[`${M}willSendOn`]} ${date}`,\r\n 2: `${L[`${M}startedAt`]} ${date}`,\r\n 3: `${L[`${M}finishedAt`]} ${date}`,\r\n '-1': `${L[`${M}finishedAt`]} ${date}`\r\n }\r\n return values[form.sendStatus] || \"\"\r\n }\r\n\r\n const btnName = () => {\r\n const values = {\r\n 0: `${L[`${M}sendNow`]}`,\r\n 3: `${L[`${M}seeResults`]}`,\r\n '-1': `${L[`${M}seeErrors`]}`\r\n }\r\n return values[form.sendStatus] || \"\"\r\n }\r\n\r\n return (\r\n\r\n \r\n \r\n \r\n \r\n \r\n {[0, 3, -1].indexOf(form.sendStatus) > -1 && }\r\n \r\n \r\n \r\n \r\n {\r\n navigator.clipboard.writeText(`${baseUrl}${form.url}`)\r\n NotificationManager['success'](`${L[`${M}urlCopied`]}`, \"\", 5000, null, null, 'outline')\r\n }\r\n },\r\n {\r\n outline: true,\r\n icon: \"simple-icon-share\",\r\n onClick: () => {\r\n window.navigator.share({title: form.name, text: form.desc, url: `${baseUrl}${form.url}`})\r\n NotificationManager['success'](`${L[`${M}urlShared`]}`, \"\", 5000, null, null, 'outline')\r\n },\r\n renderIf: () => isAndroidOrIos()\r\n }\r\n ]\r\n }\r\n }}}\r\n disabled={true}\r\n />\r\n {\r\n navigator.clipboard.writeText(`${form.url2}`)\r\n NotificationManager['success'](`${L[`${M}urlCopied`]}`, \"\", 5000, null, null, 'outline')\r\n }\r\n },\r\n {\r\n outline: true,\r\n icon: \"simple-icon-share\",\r\n onClick: () => {\r\n window.navigator.share({title: form.name, text: form.desc, url: `${form.url2}`})\r\n NotificationManager['success'](`${L[`${M}urlShared`]}`, \"\", 5000, null, null, 'outline')\r\n },\r\n renderIf: () => isAndroidOrIos()\r\n }\r\n ]\r\n }\r\n }}}\r\n disabled={true}\r\n />\r\n \r\n }\r\n \r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n {statusName()}
\r\n{statusDetail()}
\r\n \r\n \r\n
\r\n {form.name}
\r\n{form.type}
\r\n{form.tags.map((item, i) =>
${L[`${M}whatToCollect`]}
${L[`${M}whatToCollectDesc`]}`,\r\n type: \"label\"\r\n },\r\n {\r\n col: 12,\r\n name: \"selectedType\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"\",\r\n rules: \"required\",\r\n rulesMessages: {messages: {required: 'Select a type'}},\r\n opts: {\r\n inputWrapperClassName: \"d-none\"\r\n }\r\n },\r\n {\r\n name: \"templateId\",\r\n type: \"hidden\"\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label: `${M}data`,\r\n opts: {\r\n value: \"data\",\r\n desc: `${M}descData`\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type})\r\n },\r\n {\r\n col: 6,\r\n offset: 6,\r\n name: \"select1\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.category\",\r\n parent: \"type\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: () => `admFetch/get?pick=true&filterBy=template&type=${context.state?.form?.type}`\r\n },\r\n disabled: () => context.state.form?.type !== \"data\"\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label: `${M}survey`,\r\n opts: {\r\n value: \"survey\",\r\n desc: `${M}descSurvey`\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type})\r\n },\r\n {\r\n col: 6,\r\n offset: 6,\r\n name: \"select2\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.category\",\r\n parent: \"type\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: () => `admFetch/get?pick=true&filterBy=template&type=${context.state?.form?.type}`\r\n },\r\n disabled: () => context.state.form?.type !== \"survey\"\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label: `${M}document`,\r\n opts: {\r\n value: \"document\",\r\n desc: `${M}descDocument`,\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type})\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label: `${M}signatureOrPDF`,\r\n opts: {\r\n value: \"signature\",\r\n desc: `${M}descSignatureOrPDF`\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type})\r\n },\r\n {\r\n col: 6,\r\n offset: 6,\r\n name: \"select3\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.category\",\r\n parent: \"type\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: () => `admFetch/get?pick=true&filterBy=template&type=${context.state?.form?.type}`\r\n },\r\n disabled: () => context.state.form?.type !== \"signature\"\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label: `${M}locationInfo`,\r\n opts: {\r\n value: \"location\",\r\n desc: `${M}descLocationInfo`,\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type})\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label: `${M}identityVerification`,\r\n opts: {\r\n value: \"kyc\",\r\n desc: `${M}descIdentityVerification`\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type})\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label: `${M}moreFetches`,\r\n opts: {\r\n value: \"more\",\r\n desc: `${M}descMoreFetches`\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type})\r\n },\r\n {\r\n col: 6,\r\n offset: 6,\r\n name: \"select4\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.category\",\r\n parent: \"type\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: () => `admFetch/get?pick=true&filterBy=template&type=${context.state?.form?.type}`\r\n },\r\n disabled: () => context.state.form?.type !== \"more\"\r\n }\r\n ],\r\n renderIf: () => !context.state.idItemSelected\r\n },\r\n {\r\n id: \"step-2\",\r\n name: `${M}properties`,\r\n desc: `${M}propertiesDesc`,\r\n method: () => `/admFetch/edit/${context.state.fetchId}`,\r\n // handleNextStep: () => {},\r\n fields: [\r\n {\r\n name: \"artUrl\",\r\n type: \"hidden\"\r\n },\r\n {\r\n col: 12,\r\n name: \"label2\",\r\n value: L => `${L[`${M}properties`]}
${L[`${M}propertiesDesc`]}`,\r\n type: \"label\"\r\n },\r\n {\r\n col: 6,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}fetchName`,\r\n placeholder: `${M}exampleFetchName`,\r\n rules: \"required|max:50\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n onChange: (ctx) => {\r\n const title = \"fetch.title\"\r\n ctx.setState({[title]: ctx.state.name})\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"nameInternal\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}fetchNameInternal`,\r\n placeholder: `${M}exampleFetchNameInternal`,\r\n rules: \"required|max:50\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"desc\",\r\n value: \"\",\r\n type: \"textarea\",\r\n rules: \"required|max:1000\",\r\n placeholder:`${M}explainWhy`,\r\n opts: {\r\n rows: \"3\"\r\n },\r\n onChange: (ctx) => {\r\n const desc = \"fetch.desc\"\r\n ctx.setState({[desc]: ctx.state.desc})\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"collapsible1\",\r\n value: false,\r\n type: \"collapsible\",\r\n label: \"System prompt\",\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"prompt\",\r\n value: \"\",\r\n type: \"textarea\",\r\n rules: \"max:4000\",\r\n placeholder:`[system prompt]`,\r\n opts: {\r\n rows: \"10\"\r\n },\r\n renderIf: () => context.props.userAdmin.role === '100'\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"doWATemplate\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}whatsAppTemplate`,\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admLocalization/get?type=f&pick=true\",\r\n setOutput: v => { if (v) return {value: v.value, label: v.label} },\r\n addon: {\r\n append: {\r\n buttons: [\r\n {\r\n disabled: ctxField => !ctxField.state.doWATemplate,\r\n name: \"main.preview\",\r\n onClick: () => context.togglePreview()\r\n }\r\n ]\r\n }\r\n }\r\n },\r\n onChange: (ctx) => {\r\n if (!ctx.state.doWATemplate) {\r\n ctx.setState({selectedTemplate: null})\r\n return\r\n }\r\n changeTemplate(ctx)\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"placeholders\",\r\n value: [],\r\n type: \"fieldset\",\r\n renderIf: ctx => ctx.state.selectedTemplate \r\n }\r\n ]\r\n },\r\n {\r\n id: \"step-3\",\r\n name: `${M}accessibility`,\r\n desc: `${M}accessibilityDesc`,\r\n method: () => `/admFetch/edit/${context.state.fetchId}`,\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"label3\",\r\n value: L => `${L[`${M}accessibility`]}
${L[`${M}accessibilityDesc`]}`,\r\n type: \"label\"\r\n },\r\n {\r\n col: 12,\r\n name: \"selectedRecipientType\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"\",\r\n rules: \"required\",\r\n rulesMessages: {messages: {required: 'Select a type'}},\r\n opts: {\r\n inputWrapperClassName: \"d-none\"\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"recipientType\",\r\n type: \"radio\",\r\n label: `${M}toSpecificNumbers`,\r\n opts: {\r\n value: \"0\",\r\n desc: `${M}descToSpecificNumbers`,\r\n },\r\n onClick: (ctx) => {\r\n ctx.toogleSubForm(0)\r\n ctxForm = ctx\r\n },\r\n onChange: ctx => ctx.setState({selectedRecipientType: ctx.state.recipientType})\r\n },\r\n {\r\n col: 12,\r\n name: \"btnOpenSpecificNumbers\",\r\n type: \"button\",\r\n label: \"main.edit\",\r\n opts: {\r\n wrapperClassName: \"d-flex justify-content-end\"\r\n },\r\n onClick: (ctx) => {\r\n ctx.toogleSubForm(0)\r\n ctxForm = ctx\r\n },\r\n renderIf: ctx => ctx.state.groupIdOfFetch > 0 && ctx.state.recipientType === \"0\"\r\n },\r\n {\r\n col: 12,\r\n name: \"recipientType\",\r\n type: \"radio\",\r\n label: `${M}toSpecificGroups`,\r\n opts: {\r\n value: \"1\",\r\n desc: `${M}descToSpecificGroups`\r\n },\r\n onChange: ctx => ctx.setState({selectedRecipientType: ctx.state.recipientType})\r\n },\r\n {\r\n name: \"groupIdOfFetch\",\r\n type: \"hidden\"\r\n },\r\n {\r\n col: 6,\r\n offset: 6,\r\n name: \"groupId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"main.category\",\r\n rules: \"required\",\r\n // parent: \"recipientType\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"admGroup/get?staff=0\",\r\n },\r\n renderIf: () => context.state.form?.recipientType === \"1\"\r\n },\r\n {\r\n col: 12,\r\n name: \"recipientType\",\r\n type: \"radio\",\r\n label: `${M}open`,\r\n opts: {\r\n value: \"2\",\r\n desc: `${M}descOpen`,\r\n },\r\n onChange: ctx => ctx.setState({selectedRecipientType: ctx.state.recipientType})\r\n },\r\n {\r\n col: 6,\r\n offset: 6,\r\n name: \"maxCollections\",\r\n value: 100,\r\n type: \"number\",\r\n label: `${M}maximumRequest`,\r\n rules: \"required|numeric|min:1,num\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: () => context.state.form?.recipientType === \"2\"\r\n },\r\n {\r\n col: 12,\r\n name: \"tags\",\r\n value: [],\r\n type: \"tag\",\r\n label: `${M}keywordsOrPhrases`,\r\n rules: \"required|max:3,array\",\r\n placeholder: `${M}pressEnterToAdd`,\r\n opts: {\r\n validationRegex: /^[A-Za-z0-9-]+$/,\r\n addKeys: [9, 13, 188]\r\n },\r\n onChange: (ctx) => {\r\n const name = ctx.state.tags?.length > 0 ? ctx.state.tags[0] : \"\"\r\n ctx.setState({url: name, url2: `${baseUrl2}${name}`})\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"url\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}sharingURL`,\r\n rules: \"required\",\r\n opts: {\r\n addon: {\r\n prepend: {\r\n texts: [`${baseUrl}`]\r\n }\r\n }\r\n },\r\n onChange: (ctx) => {\r\n ctx.setState({url2: ctx.state.url})\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"url2\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}orAlternative`,\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 12,\r\n name: \"msgNotAvailable\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}msgNotAvailable`,\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: (ctx) => !ctx.state.langSwitch\r\n },\r\n {\r\n col: 12,\r\n name: \"isPublic\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}descOpen`,\r\n renderIf: () => context.state.form?.recipientType !== \"2\"\r\n },\r\n {\r\n col: 12,\r\n name: \"allowMultiple\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}allowMultiple`\r\n }\r\n ]\r\n },\r\n {\r\n id: \"step-4\",\r\n name: `${M}availability`,\r\n desc: `${M}availabilityDesc`,\r\n method: () => `/admFetch/edit/${context.state.fetchId}`,\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"label4\",\r\n value: L => `${L[`${M}availability`]}
${L[`${M}availabilityDesc`]}`,\r\n type: \"label\"\r\n },\r\n\r\n {\r\n col: 6,\r\n name: \"isLive\",\r\n value: true,\r\n type: \"switch\",\r\n label: `${M}isLive`,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"scheduled\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}scheduled`,\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: (ctx) => ctx.state.isLive\r\n },\r\n {\r\n col: 12,\r\n name: \"empty1\",\r\n type: \"separator\",\r\n },\r\n {\r\n type: \"daterange\",\r\n isFormCrud: true,\r\n range: {\r\n col: 4,\r\n rules: () => !context.state.form.activeFrom && !context.state.form.activeTo ? \"required\" : null,\r\n renderIf: (ctx) => ctx.state.isLive && ctx.state.scheduled\r\n },\r\n from: {\r\n col: 4,\r\n name: \"activeFrom\",\r\n value: \"\",\r\n type: \"date\",\r\n label: \"main.from\",\r\n rules: \"required\",\r\n renderIf: (ctx) => ctx.state.isLive && ctx.state.scheduled\r\n },\r\n to: {\r\n col: 4,\r\n name: \"activeTo\",\r\n value: \"\",\r\n type: \"date\",\r\n label: \"main.to\",\r\n rules: \"required\",\r\n renderIf: (ctx) => ctx.state.isLive && ctx.state.scheduled\r\n } \r\n },\r\n {\r\n col: 12,\r\n name: \"label5\",\r\n value: L => `${(L[`${M}whenToSend`]).replace('{0}', context.state.form.countTarget)}
`,\r\n type: \"label\",\r\n renderIf: () => context.state.form?.recipientType !== \"2\"\r\n },\r\n {\r\n col: 12,\r\n name: \"selectedTriggerType\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"\",\r\n rules: \"required\",\r\n rulesMessages: {messages: {required: 'Select a trigger type'}},\r\n opts: {\r\n inputWrapperClassName: \"d-none\"\r\n },\r\n renderIf: () => context.state.form?.recipientType !== \"2\"\r\n },\r\n {\r\n col: 12,\r\n name: \"triggerType\",\r\n type: \"radio\",\r\n label: `${M}triggerManually`,\r\n opts: {\r\n value: \"true\"\r\n },\r\n onChange: ctx => ctx.setState({selectedTriggerType: ctx.state.triggerType}),\r\n renderIf: () => context.state.form?.recipientType !== \"2\"\r\n },\r\n {\r\n col: 12,\r\n name: \"triggerType\",\r\n type: \"radio\",\r\n label: `${M}onADate`,\r\n opts: {\r\n value: \"false\"\r\n },\r\n onChange: ctx => ctx.setState({selectedTriggerType: ctx.state.triggerType}),\r\n renderIf: () => context.state.form?.recipientType !== \"2\"\r\n },\r\n {\r\n col: 6,\r\n offset: 6,\r\n name: \"forDate\",\r\n value: \"\",\r\n type: \"datetime\",\r\n label: `${M}selectDate`,\r\n parent: \"triggerType\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: () => context.state.form?.recipientType !== \"2\"\r\n }\r\n ]\r\n },\r\n {\r\n id: \"step-5\",\r\n name: `${M}summary`,\r\n desc: `${M}summaryDesc`,\r\n method: () => `/admFetch/edit/${context.state.fetchId}`,\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"label6\",\r\n value: L => `${L[`${M}summary`]}
${L[`${M}summaryDesc`]}`,\r\n type: \"label\"\r\n },\r\n {\r\n name: \"sendStatus\",\r\n type: \"hidden\"\r\n },\r\n {\r\n name: \"countTarget\",\r\n type: \"hidden\"\r\n },\r\n {\r\n name: \"countSent\",\r\n type: \"hidden\"\r\n },\r\n {\r\n name: \"countSeen\",\r\n type: \"hidden\"\r\n },\r\n {\r\n name: \"countComplete\",\r\n type: \"hidden\"\r\n },\r\n {\r\n name: \"countPartial\",\r\n type: \"hidden\"\r\n },\r\n {\r\n name: \"numberOfInputs\",\r\n type: \"hidden\"\r\n },\r\n {\r\n col: 12,\r\n name: \"summary\",\r\n value: \"\",\r\n type: \"component\",\r\n opts: {\r\n component: summary\r\n }\r\n }\r\n ]\r\n }\r\n ]\r\n }\r\n ],\r\n subforms: [\r\n {\r\n size: \"md\",\r\n name: `${M}mobileNumbers`,\r\n wrapClassName: \"mb-4\",\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"tabs\",\r\n value: \"copyPaste\",\r\n type: \"tabs\",\r\n tabs: [\r\n {\r\n id: \"copyPaste\",\r\n name: `${M}copyPaste`,\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"phoneList\",\r\n value: \"\",\r\n type: \"textarea\",\r\n label: `${M}enterMobileNumbers`,\r\n placeholder: \"Sample:\\n+51963214569\\n+51969875563\\n+51963369852\",\r\n rules: \"required\",\r\n opts: {\r\n rows: \"12\"\r\n }\r\n }\r\n ]\r\n },\r\n {\r\n id: \"fromCSV\",\r\n name: `${M}fromCSV`,\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"btnTemplate\",\r\n type: \"button\",\r\n label: \"main.downloadExcelTemplate\",\r\n onClick: () => {\r\n window.open(`https://dev-sansilvestre.app-on.cloud/tplmails/dwn/UsersImport.xlsx`, \"_blank\")\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"data\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n rules: \"required\",\r\n placeholder: \"main.selectFile\",\r\n opts: {\r\n accept: '.csv',\r\n output: true\r\n }\r\n }\r\n ]\r\n }\r\n ]\r\n },\r\n {\r\n col: 12,\r\n name: \"useGroupLabel\",\r\n value: (L) => `${L[`${M}useGroup`]}
`,\r\n type: \"label\",\r\n },\r\n {\r\n col: 12,\r\n name: \"useGroup\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}loadContacts`,\r\n onChange: ctx => {\r\n if (!ctx.state.useGroup) ctx.setState({\r\n groupId: null,\r\n groupName: null\r\n }, () => {\r\n ctxSubFormDetailGrid.setState({data: []})\r\n })\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"groupId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"main.category\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"admGroup/get?staff=0\",\r\n setOutput: v => { if (v) return {value: v.value, label: v.label} },\r\n },\r\n onChange: ctx => {\r\n if (ctx.state.groupId) ctxSubFormDetailGrid.setState({resource: `admUser/group/${ctx.state.groupId.value}`}, () => {\r\n ctxSubFormDetailGrid.getData()\r\n })\r\n else ctxSubFormDetailGrid.setState({data: []})\r\n },\r\n renderIf: ctx => ctx.state.useGroup,\r\n disabled: ctx => ctx.state.groupName\r\n },\r\n {\r\n col: 6,\r\n name: \"groupName\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}newGroup`,\r\n opts: {\r\n style: \"float-label\"\r\n },\r\n renderIf: ctx => ctx.state.useGroup,\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: `${M}addNumbers`,\r\n isMain: true,\r\n onClick: (ctx) => {\r\n ctx.validateForm().then(() => {\r\n context.props.setLoader(true)\r\n const fetchId = context.state.idItemSelected || context.state.fetchId\r\n const groupIdOfFetch = context.state.form.groupIdOfFetch\r\n const body = {\r\n data: ctx.state.data?.[0]?.value || null,\r\n phoneList: ctx.state.phoneList || null,\r\n groupId: ctx.state.groupName ? 0 : (ctx.state.groupId ? ctx.state.groupId.value : groupIdOfFetch),\r\n groupName: ctx.state.groupName || (!groupIdOfFetch ? `fetch_${fetchId}` : null)\r\n }\r\n\r\n _axios\r\n .post(`admUser/importAttach`, body)\r\n .then(r => {\r\n if (r.status === 0) {\r\n ctxForm.toogleSubForm(0)\r\n if (ctx.state.useGroup) {\r\n ctxForm.setState({\r\n recipientType: \"1\", \r\n groupId: ctx.state.groupName\r\n ? {value: r.data?.groupId, label: ctx.state.groupName}\r\n : {value: ctx.state.groupId.value, label: ctx.state.groupId.label}\r\n })\r\n } else if (!ctx.state.useGroup && r.data?.groupId) {\r\n ctxForm.setState({\r\n recipientType: \"0\",\r\n // groupId: {value: r.data.groupId, label: r.data.groupId},\r\n groupIdOfFetch: r.data.groupId\r\n })\r\n }\r\n }\r\n NotificationManager[r.status >= 0 ? 'success' : 'error'](r.msg, r.status >= 0 ? '' : 'Opps', 5000, null, null, 'outline')\r\n context.props.setLoader(false)\r\n }).catch(e => context.props.setLoader(false))\r\n })\r\n .catch(e => { /* console.log(e) */ })\r\n }\r\n }\r\n ],\r\n detailGrid: () => {\r\n return {\r\n module: 'admUser',\r\n embeded: (ctx) => {\r\n ctxSubFormDetailGrid = ctx\r\n return {\r\n config: {\r\n pageSize: 40,\r\n resource: `admUser/group/${context.state.form?.groupIdOfFetch || 0}`,\r\n },\r\n \r\n actions: {\r\n delete: true\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"main.lastName\",\r\n accessor: \"last\" \r\n }\r\n ]\r\n }\r\n }\r\n }\r\n }\r\n }\r\n ],\r\n detailGrid: (ctx) => {\r\n return {\r\n module: 'admFetchInput',\r\n filterBy: () => { return { fetchId: context.state.idItemSelected || context.state.fetchId } },\r\n renderIf: () => (context.state.idItemSelected || context.state.fetchId) && context.state.form?.flags?.currentStepId === \"step-2\",\r\n listenData: (data) => {\r\n if (context.state.form && data) {\r\n const form = context.state.form\r\n form.inputs = data.map(item => item = {name: item.name, options: item.options})\r\n context.setState({form: form}, () => {\r\n if (ctx.state.selectedTemplate) changeTemplate(ctx)\r\n })\r\n }\r\n }\r\n }\r\n }\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\",\r\n hidden: true\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\",\r\n minWidth: 180\r\n },\r\n {\r\n Header: \"main.status\",\r\n accessor: \"sendStatus\",\r\n type: 'chip',\r\n chips: {\r\n 0: {text: 'Draft', color:'lightgreen'},\r\n 1: {text: 'Ready', color:'lightgreen'},\r\n 2: {text: 'Sending', color:'lightgreen'},\r\n 3: {text: 'Sent', color:'green'},\r\n 4: {text: 'Cancelled', color:'red'},\r\n 5: {text: 'Sending errors', color:'red'}\r\n }\r\n },\r\n {\r\n Header: `${M}countTarget`,\r\n accessor: \"countTarget\"\r\n },\r\n {\r\n Header: `${M}countSent`,\r\n accessor: \"countSent\"\r\n },\r\n {\r\n Header: `${M}countSeen`,\r\n accessor: \"countSeen\"\r\n },\r\n {\r\n Header: `${M}countPartial`,\r\n accessor: \"countPartial\"\r\n },\r\n {\r\n Header: `${M}countComplete`,\r\n accessor: \"countComplete\"\r\n },\r\n {\r\n Header: `${M}willSendOn`,\r\n accessor: \"forDate\",\r\n isDate: true\r\n }\r\n ],\r\n\r\n preview: {\r\n template: CustomPreviewWhatsApp,\r\n previewOf: {\r\n form: {\r\n name: `main.whatsappMessagePreview`,\r\n handleData: (data) => {\r\n if (!data) return\r\n let msgs = []\r\n let header = data?.selectedTemplate?.content\r\n let buttons = []\r\n const tagsContent = data?.selectedTemplate?.tagsContent\r\n if (tagsContent) {\r\n /*\r\n tagsContent.forEach(t => {\r\n if (data[t.id]) {\r\n content = content.replaceAll(`{{${t.id}}}`, data[t.id])\r\n }\r\n })\r\n */\r\n tagsContent.forEach((t, index) => {\r\n if (data[t.id]) {\r\n header = header.replaceAll(`{{${index+1}}}`, data[t.id])\r\n }\r\n if (t.id.includes(\"button\")) {\r\n buttons.push(data[t.id])\r\n }\r\n })\r\n }\r\n const m = {\r\n type: \"received\",\r\n content: header,\r\n buttons: buttons\r\n }\r\n msgs.push(m)\r\n if (data.inputs) {\r\n msgs = msgs.concat(data.inputs.map(item => item = {type: \"received\", content: item.name, buttons: item.options ? item.options.split(\"|\") : []}))\r\n }\r\n return msgs\r\n }\r\n }\r\n },\r\n renderIf: () => context.state.form?.selectedTemplate && context.state.form?.flags?.currentStepId === \"step-2\"\r\n }\r\n }\r\n}","export default (context) => {\r\n const M = \"admAssignment.\"\r\n return {\r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n remapRow: (form) => {\r\n return form\r\n }\r\n },\r\n\r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n form: {\r\n fields: [\r\n {\r\n col: 6,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}questionType`,\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: \"text\", label: \"Texto\" },\r\n { value: \"number\", label: \"Número\" },\r\n { value: \"textarea\", label: \"Texto largo\" },\r\n { value: \"check\", label: \"Check\" },\r\n { value: \"option\", label: \"Lista de opciones\" },\r\n { value: \"optionMany\", label: \"Lista de opciones (múltiple)\" }\r\n ]\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"langSwitch\",\r\n value: false,\r\n type: \"switch\",\r\n label: (L, state) => { return `${L[\"main.language\"]}: ${state.langSwitch ? L[\"main.english\"] : L[\"main.spanish\"]}` },\r\n },\r\n {\r\n col: 12,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}questionStatement`,\r\n placeholder: `${M}example1`,\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: (ctx) => !ctx.state.langSwitch\r\n },\r\n {\r\n col: 12,\r\n name: \"desc\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"main.desc\",\r\n renderIf: (ctx) => !ctx.state.langSwitch\r\n },\r\n {\r\n col: 12,\r\n name: \"placeholder\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}helpTextToShow`,\r\n placeholder: `${M}example2`,\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: (ctx) => !ctx.state.langSwitch\r\n },\r\n {\r\n col: 12,\r\n name: \"options\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}inCaseOfBeingOptionsList`,\r\n placeholder: `${M}answerOptions`,\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: (ctx) => !ctx.state.langSwitch\r\n },\r\n {\r\n col: 12,\r\n name: \"nameEN\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}questionStatement`,\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: (ctx) => ctx.state.langSwitch\r\n },\r\n {\r\n col: 12,\r\n name: \"descEN\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"main.desc\",\r\n renderIf: (ctx) => ctx.state.langSwitch\r\n },\r\n {\r\n col: 12,\r\n name: \"placeholderEN\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}helpTextToShow`,\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: (ctx) => ctx.state.langSwitch\r\n },\r\n {\r\n col: 12,\r\n name: \"optionsEN\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}inCaseOfBeingOptionsList`,\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: (ctx) => ctx.state.langSwitch\r\n },\r\n {\r\n col: 12,\r\n name: \"correctAnswer\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}correctAnswer`,\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"points\",\r\n value: \"\",\r\n type: \"number\",\r\n label: `${M}pointsIfCorrect`,\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"pointsNeg\",\r\n value: \"\",\r\n type: \"number\",\r\n label: `${M}pointsIfIncorrect`,\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 4,\r\n name: \"inactive\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"main.inactive\",\r\n },\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"main.type\",\r\n accessor: \"type\",\r\n },\r\n {\r\n Header: `${M}pointsIfCorrect`,\r\n accessor: \"points\"\r\n },\r\n {\r\n Header: `${M}pointsIfIncorrect`,\r\n accessor: \"pointsNeg\"\r\n }\r\n ]\r\n }\r\n}","import CustomCalendar from \"../../components/utils/CustomCalendar\"\r\nimport _moment from \"../../libs/moment\"\r\n\r\nexport default (context) => {\r\n const M = \"admCalendar.\"\r\n return {\r\n config: {\r\n resource: \"admActivity\",\r\n customPathGet: \"admActivity/month/0\",\r\n pageSize: 40,\r\n list: false,\r\n remapRow: (form) => {\r\n return form\r\n },\r\n hiddenButtons: true,\r\n hiddenGrid: true\r\n },\r\n\r\n actions: {},\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"type\",\r\n type: \"hidden\",\r\n value: \"cal\"\r\n },\r\n {\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"main.grade\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.section\",\r\n parent: \"superSectionId\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.formFilter.superSectionId }\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'main.applyFilter',\r\n onClick: ctx => ctx.btnAction('filter')\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n r.data.categoryId = { value: r.data.categoryId, label: r.data.categoryName }\r\n r.data.owner = {value: r.data.owner, label: r.data.ownerName}\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n if (v.superSections) {\r\n v.superSections = v.superSections.map(e => {\r\n e = {\r\n ID: e.value,\r\n name: e.label,\r\n selected: true,\r\n }\r\n return e\r\n })\r\n }\r\n if (v.sections) {\r\n v.sections = v.sections.map(e => {\r\n e = {\r\n ID: e.value,\r\n name: e.label,\r\n selected: true,\r\n }\r\n return e\r\n })\r\n }\r\n delete v.selectedField\r\n return v\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.title\",\r\n rules: \"required|max:150\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n type: \"daterange\",\r\n isFormCrud: true,\r\n range: {\r\n col: 4,\r\n label: `${M}startDate/endDate`,\r\n rules: () => (context.state.form?.startDate && context.state.form?.endDate) ? null : 'required',\r\n opts: {\r\n items: [\r\n {value: 0, label: \"main.tomorrow\"},\r\n {value: 1, label: \"main.afterTomorrow\"},\r\n {value: 2, label: \"main.anotherDate\"}\r\n ]\r\n },\r\n onChange: (ctx) => {\r\n if (ctx.state.range === 0) ctx.setState({startDate: `${_moment().add(1, 'days').format('YYYY-MM-DD')} 08:00:00`, endDate: `${_moment().add(1, 'days').format('YYYY-MM-DD')} 16:00:00`})\r\n else if (ctx.state.range === 1) ctx.setState({startDate: `${_moment().add(2, 'days').format('YYYY-MM-DD')} 08:00:00`, endDate: `${_moment().add(2, 'days').format('YYYY-MM-DD')} 16:00:00`})\r\n else if (ctx.state.range === 2) ctx.setState({startDate: null, endDate: null})\r\n }\r\n },\r\n from: {\r\n col: 4,\r\n name: \"startDate\",\r\n value: \"\",\r\n type: \"datetime\",\r\n label: `${M}startDateTime`,\r\n rules: \"required\",\r\n renderIf: ctx => ctx.state.startDate || ctx.state.range === 2\r\n },\r\n to: {\r\n col: 4,\r\n name: \"endDate\",\r\n value: \"\",\r\n type: \"datetime\",\r\n label: `${M}endDateTime`,\r\n rules: \"required\",\r\n renderIf: ctx => ctx.state.endDate || (ctx.state.range === 2 && ctx.state.startDate)\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"desc\",\r\n value: \"\",\r\n type: \"textarea\",\r\n label: \"main.desc\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"img\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"main.coverImage\",\r\n isDoc: false,\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"/admActivity/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n output: true\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"locationTxt\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.location\",\r\n rules: \"max:50\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n name: \"hasDate\",\r\n value: true,\r\n type: \"hidden\",\r\n }, \r\n {\r\n col: 12,\r\n name: \"published\",\r\n value: true,\r\n type: \"switch\",\r\n label: `${M}published`,\r\n },\r\n {\r\n type: \"daterange\",\r\n isFormCrud: true,\r\n range: {\r\n col: 4,\r\n name: \"range2\",\r\n label: \"\",\r\n renderIf: (ctx) => ctx.state.published\r\n },\r\n from: {\r\n col: 4,\r\n name: \"publishFrom\",\r\n value: \"\",\r\n type: \"datetime\",\r\n label: `${M}showFrom`\r\n },\r\n to: {\r\n col: 4,\r\n name: \"publishTo\",\r\n value: \"\",\r\n type: \"datetime\",\r\n label: `${M}showUntil`\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"superSections\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}visibleForSections`,\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\",\r\n isMulti: true,\r\n setOutput: v => v\r\n },\r\n renderIf: (ctx) => ctx.state.published\r\n },\r\n {\r\n col: 6,\r\n name: \"sections\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}visibleForSubsections`,\r\n parent: 'superSections',\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + ((context.state.form.superSections && context.state.form.superSections.length > 0) ? context.state.form.superSections[0].value : null) },\r\n isMulti: true,\r\n setOutput: v => v\r\n },\r\n renderIf: (ctx) => { return (ctx.state.superSections && ctx.state.superSections.length === 1) || (ctx.state.sections && ctx.state.sections.length >= 1)}\r\n },\r\n {\r\n col: 12,\r\n name: \"tab1\",\r\n value: false,\r\n type: \"collapsible\",\r\n placeholder: 'main.seeMoreOptions',\r\n childs: [\r\n {\r\n col: 12,\r\n name: \"nameEN\",\r\n value: \"\",\r\n type: \"text\",\r\n label: L => `${L[\"main.title\"]} - ${L[\"main.secondaryLanguage\"]}`,\r\n aiAssist: {\r\n action: 'translate',\r\n requiredFields: [\"name\", \"desc\"],\r\n postUrl: \"admPublication/AiAssist\"\r\n },\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"descEN\",\r\n value: \"\",\r\n type: \"textarea\",\r\n label: L => `${L[\"main.desc\"]} - ${L[\"main.secondaryLanguage\"]}`,\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"categoryId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.category\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admCategory/get?type=cal\"\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"owner\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.responsible\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admStaff/get?pick=true\"\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"label1\",\r\n value: (L) => `${L[`${M}whoCanSeeThisActivity`]} {\r\n context.toggleDelete(context.state.idItemSelected)\r\n },\r\n renderIf: () => context.state.idItemSelected\r\n }\r\n ]\r\n }\r\n ]\r\n },\r\n\r\n columns: [],\r\n\r\n customComponent: CustomCalendar\r\n }\r\n}","import CustomPreviewWhatsApp from \"../../components/utils/CustomPreviewWhatsApp\"\r\nimport { NotificationManager } from \"../../components/common/react-notifications\"\r\nimport _moment from \"../../libs/moment\"\r\nimport _axios from \"../../libs/axios\"\r\nimport { objToQueryString } from \"../../helpers/Utils\"\r\nimport { replaceWords } from \"../../helpers/Utils\"\r\n\r\nexport default (context) => {\r\n const M = \"admNotification.\"\r\n const onSuccess = (r) => {\r\n const form = context.state.form\r\n form.msgConfirmFailure = null\r\n form.msgConfirmSuccess = r.msg\r\n if (context.state.form.btnValidate !== -2) form.btnValidate = r.status\r\n context.setState({form: form})\r\n context.props.setLoader(false)\r\n if (context.state.form.btnValidate === -2) context.toggle()\r\n else {\r\n if (!context.state.idItemSelected) {\r\n context.setState({showFormCustom: false, btnCancel: \"main.close\"}, () => {\r\n context.getDataById(r.data)\r\n })\r\n }\r\n }\r\n }\r\n const onFailure = (r) => {\r\n const form = context.state.form\r\n form.msgConfirmSuccess = null\r\n form.msgConfirmFailure = r.msg\r\n context.setState({form: form})\r\n context.props.setLoader(false)\r\n }\r\n const changeTemplate = (ctx) => {\r\n const params = {\r\n objectType: ctx.state.page,\r\n objectId: ctx.state.objectId\r\n }\r\n const query = objToQueryString(params)\r\n context.props.setLoader(true)\r\n _axios\r\n .get(`admLocalization/get/${ctx.state.doWATemplate}?${query}`)\r\n .then(r => {\r\n context.props.setLoader(false)\r\n if (r.status >= 0) {\r\n const fields = []\r\n r.data.tagsContent.forEach((t, i) => {\r\n if (context.state.idItemSelected && ctx.state.placeholders?.length > 0 && !ctx.state.selectedTemplate) {\r\n ctx.setState({[t.id]: ctx.state.placeholders[i]?.name ?? t.defValue })\r\n }\r\n else ctx.setState({[t.id]: t.defValue ?? \"\"})\r\n fields.push(\r\n {\r\n col: 6,\r\n name: t.id,\r\n value: \"\",\r\n type: t.hidden ? \"hidden\" : \"text\",\r\n label: (L) => {\r\n let label = t.id.split(\".\")\r\n label = label.pop()\r\n return L[`${M}${label}`] || L[`main.${label}`] || t.id\r\n },\r\n opts: {\r\n style: 'float-label',\r\n },\r\n disabled: t.readonly\r\n }\r\n )\r\n })\r\n \r\n ctx.setState({ selectedTemplate: r.data })\r\n const formFields = context.state.formFields\r\n const fieldIndex = formFields.findIndex(f => f.name === \"placeholders\")\r\n formFields[fieldIndex].childs = fields\r\n context.setState({formFields: formFields})\r\n } else NotificationManager.error(r.msg, \"Opps\", 5000, null, null, 'outline')\r\n }).catch(e => context.props.setLoader(false))\r\n }\r\n\r\n return {\r\n config: {\r\n pageSize: 10,\r\n },\r\n \r\n actions: {\r\n create: {\r\n reloadGrid: true\r\n },\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n \r\n filter: {\r\n fields: [\r\n {\r\n type: \"daterange\",\r\n range: {\r\n label: \"Enviado durante\"\r\n }\r\n },\r\n {\r\n col: 3,\r\n name: \"status\",\r\n value: 0,\r\n type: \"select\",\r\n label: \"main.status\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: -1,\r\n label: \"main.all\"\r\n },\r\n {\r\n value: 0,\r\n label: `admFetch.draft`\r\n },\r\n {\r\n value: 1,\r\n label: `admFetch.noSent`\r\n },\r\n {\r\n value: 2,\r\n label: `admFetch.sending`\r\n },\r\n {\r\n value: 3,\r\n label: `admFetch.sent`\r\n },\r\n {\r\n value: 5,\r\n label: `admFetch.paused`\r\n },\r\n {\r\n value: -1,\r\n label: `admFetch.seeErrors`\r\n }\r\n ]\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n label: 'main.applyFilter',\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n handleSaveChanges : () => {\r\n const form = context.state.form\r\n form.btnValidate = -2\r\n context.setState({form: form}, () => {\r\n context.state.idItemSelected ? context.edit() : context.create()\r\n })\r\n },\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n const { doWATemplate, doWATemplateName, objectId, recurrence, sendOn } = r.data\r\n const { L } = context.state\r\n const d = _moment(sendOn)\r\n let recurrenceName = \"\"\r\n if (recurrence) {\r\n const value = recurrence.split(\" \")\r\n const day = value[2]\r\n const month = value[3]\r\n if (day === \"*\" && month === \"*\") recurrenceName = replaceWords(L[`${M}everyWeek`], {\"{0}\": d.format(\"dddd\"), \"{1}\": d.format(\"hha\")})\r\n else if (month === \"*\") recurrenceName = replaceWords(L[`${M}everyMonth`], {\"{0}\": d.format(\"DD\"), \"{1}\": d.format(\"hha\")})\r\n else recurrenceName = replaceWords(L[`${M}everyYear`], {\"{0}\": d.format(\"DD-MMM\"), \"{1}\": d.format(\"hha\")})\r\n }\r\n r.data = {\r\n ...r.data,\r\n doWATemplate: doWATemplate ? { value: doWATemplate, label: doWATemplateName } : doWATemplate,\r\n objectId: objectId ? { value: objectId, label: objectId } : objectId,\r\n hasRecurrence: !!recurrence,\r\n recurrence: recurrence ? { value: recurrence, label: recurrenceName } : recurrence\r\n }\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n if (v.sectionIds) v.sectionIds = v.sectionIds.map(e => e = { ID: e.value, name: e.label, selected: true })\r\n if (v.userIds) v.userIds = v.userIds.map(e => e = { ID: e.value, name: e.label, selected: true })\r\n if (v.principalUserIds) v.principalUserIds = v.principalUserIds.map(e => e = { ID: e.value, name: e.label, selected: true })\r\n const tagsContent = v.selectedTemplate?.tagsContent\r\n let placeholders = []\r\n if (v.selectedTemplate?.tagsContent) {\r\n tagsContent.forEach(t => {\r\n placeholders.push({ID: t.id, name: v[t.id] || \"\"})\r\n })\r\n v.placeholders = placeholders\r\n }\r\n delete v.alert1\r\n delete v.alert2\r\n delete v.msgConfirmFailure\r\n delete v.msgConfirmSuccess\r\n delete v.btnValidate\r\n delete v.selectedTemplate\r\n return v\r\n },\r\n onCreateSuccess: onSuccess,\r\n onCreateFailure: onFailure,\r\n onEditSuccess: onSuccess,\r\n onEditFailure: onFailure,\r\n onGetDataById: () => {\r\n context.setState({showFormCustom: true})\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: `${M}internalName`,\r\n rules: \"required|max:50\",\r\n opts: {\r\n style: 'float-label',\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"label1\",\r\n value: L => `${L[`${M}deliveryModes`]}
`,\r\n type: \"label\"\r\n },\r\n {\r\n col: 4,\r\n name: \"doWA\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"main.whatsApp\",\r\n onChange: (ctx) => ctx.setState({selectedTemplate: null}, () => {\r\n context.setState({modalPreview: false})\r\n })\r\n },\r\n {\r\n col: 8,\r\n name: \"doWATemplate\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}whatsAppTemplate`,\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admLocalization/get?type=w&pick=true\",\r\n addon: {\r\n append: {\r\n buttons: [\r\n {\r\n disabled: ctxField => !ctxField.state.doWATemplate,\r\n name: \"main.preview\",\r\n onClick: () => context.togglePreview()\r\n }\r\n ]\r\n }\r\n }\r\n },\r\n onChange: (ctx) => {\r\n if (!ctx.state.doWATemplate) {\r\n ctx.setState({selectedTemplate: null})\r\n return\r\n }\r\n changeTemplate(ctx)\r\n },\r\n renderIf: ctx => ctx.state.doWA\r\n },\r\n {\r\n col: 12,\r\n name: \"placeholders\",\r\n value: [],\r\n type: \"fieldset\",\r\n renderIf: ctx => ctx.state.doWA\r\n },\r\n {\r\n col: 4,\r\n name: \"doMail\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}sendEmail`\r\n },\r\n {\r\n col: 4,\r\n name: \"doPush\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}sendPUSH`\r\n },\r\n {\r\n col: 12,\r\n name: \"alert2\",\r\n value: `${M}infoPush`,\r\n type: \"alert\",\r\n opts: {\r\n color: \"info\"\r\n },\r\n renderIf: ctx => ctx.state.doPush\r\n },\r\n {\r\n col: 12,\r\n name: \"content\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.title\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n },\r\n renderIf: (ctx) => ctx.state.doMail || ctx.state.doPush\r\n },\r\n {\r\n col: 12,\r\n name: \"body\",\r\n value: \"\",\r\n type: \"editor\",\r\n label: \"main.content\",\r\n renderIf: (ctx) => ctx.state.doMail\r\n },\r\n {\r\n col: 12,\r\n name: \"art\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"\",\r\n isDoc: false,\r\n rules: 'ext:jpeg,jpg,png',\r\n placeholder: \"main.selectFile\",\r\n opts: {\r\n path: ()=> \"/admNotification/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n output: true\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"sendTo\",\r\n value: 0,\r\n type: \"select\",\r\n label: `${M}sendTo`,\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: 0, label: `${M}headlinesGuardians` },\r\n { value: 2, label: `${M}childrenDependents` },\r\n { value: 4, label: `${M}teachers` }\r\n ]\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"filterBy\",\r\n value: \"sections\",\r\n type: \"select\",\r\n label: `${M}selectionCriteria`,\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: \"sections\", label: `${M}filterBySections` },\r\n { value: \"dependants\", label: `${M}filterBySpecificChildrenDependents` },\r\n { value: \"principals\", label: `${M}filterBySpecificHeadlinesGuardians` }\r\n ]\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"sectionIds\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}selectFromSections`,\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSection/get\",\r\n isMulti: true,\r\n setOutput: v => v\r\n },\r\n renderIf: ctx => ctx.state.filterBy === \"sections\"\r\n },\r\n {\r\n col: 12,\r\n name: \"userIds\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}relatedToFollowingChildrenDependents`,\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admUser/get?pick=true&type=3\",\r\n isMulti: true,\r\n setOutput: v => v\r\n },\r\n renderIf: ctx => ctx.state.filterBy === \"dependants\"\r\n },\r\n {\r\n col: 12,\r\n name: \"principalUserIds\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}relatedToFollowingHeadlinesGuardians`,\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admUser/get?pick=true&type=1\",\r\n isMulti: true,\r\n setOutput: v => v\r\n },\r\n renderIf: ctx => ctx.state.filterBy === \"principals\"\r\n },\r\n {\r\n col: 6,\r\n name: \"page\",\r\n value: \"general\",\r\n type: \"select\",\r\n label: `${M}notificationType`,\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: \"general\", label: `${M}general` },\r\n { value: \"publication\", label: `${M}publication` },\r\n { value: \"calendar\", label: `${M}eventCalendar` },\r\n { value: \"payment\", label: `${M}payments` },\r\n { value: \"attendance\", label: `${M}attendance` }\r\n ]\r\n },\r\n onChange: ctx => {\r\n if (!ctx.state.selectedTemplate) return\r\n changeTemplate(ctx)\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"objectId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: `${M}associateNotificationWith`,\r\n parent: \"page\",\r\n opts: {\r\n style: 'float-label',\r\n path: ctx => `admNotification/objects?parentId=${ctx.state.page}`\r\n },\r\n onChange: ctx => {\r\n if (!ctx.state.selectedTemplate) return\r\n changeTemplate(ctx)\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"sendOn\",\r\n value: \"\",\r\n type: \"datetime\",\r\n label: `${M}sendDate`,\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n selectsEnd: true,\r\n minDate: _moment(),\r\n minTime: ctx => ctx.state.sendOn ? _moment(ctx.state.sendOn).format('YYYY-MM-DD') === _moment().format('YYYY-MM-DD') ? _moment() : _moment().set({hour:0,minute:0}) : _moment(),\r\n maxTime: _moment().set({hour:23,minute:59,second:0,millisecond:0}),\r\n }\r\n },\r\n {\r\n col: 2,\r\n name: \"hasRecurrence\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}recurrence`,\r\n renderIf: ctx => ctx.state.sendOn && ctx.state.recurrenceId === 0\r\n },\r\n {\r\n col: 2,\r\n name: \"recurrenceId\",\r\n value: 0,\r\n type: \"hidden\"\r\n },\r\n {\r\n col: 4,\r\n name: \"recurrence\",\r\n value: null,\r\n type: \"select\",\r\n parent: \"sendOn\",\r\n rules: \"required\",\r\n opts: {\r\n style: 'float-label',\r\n items: [],\r\n onMenuOpen: (ctxForm, ctx, L) => {\r\n const d = _moment(ctxForm.state.sendOn)\r\n const items = [\r\n { value: `0 ${d.format(\"H\")} * * ${d.day()}`, label: replaceWords(L[`${M}everyWeek`], {\"{0}\": d.format(\"dddd\"), \"{1}\": d.format(\"hha\")})},\r\n { value: `0 ${d.format(\"H\")} ${d.format(\"D\")} * *`, label: replaceWords(L[`${M}everyMonth`], {\"{0}\": d.format(\"DD\"), \"{1}\": d.format(\"hha\")})},\r\n { value: `0 ${d.format(\"H\")} ${d.format(\"D\")} ${d.format(\"M\")} *`, label: replaceWords(L[`${M}everyYear`], {\"{0}\": d.format(\"DD-MMM\"), \"{1}\": d.format(\"hha\")})}\r\n ]\r\n ctx.setState({items: items})\r\n }\r\n },\r\n renderIf: ctx => ctx.state.sendOn && ctx.state.hasRecurrence && ctx.state.recurrenceId === 0\r\n },\r\n {\r\n col: 6,\r\n name: \"btnValidate\",\r\n value: -1,\r\n type: \"button\",\r\n label: `${M}validateSending`,\r\n onClick: () => {\r\n context.state.idItemSelected ? context.edit() : context.create()\r\n },\r\n renderIf: ctx => !ctx.state.confirm\r\n },\r\n {\r\n col: 6,\r\n name: \"confirm\",\r\n value: false,\r\n type: \"switch\",\r\n label: `${M}startSending`,\r\n renderIf: ctx => ctx.state.btnValidate >= 0 || context.state.idItemSelected\r\n },\r\n {\r\n col: 12,\r\n name: \"msgConfirmSuccess\",\r\n value: \"\",\r\n type: \"alert\",\r\n opts: {\r\n color: \"success\"\r\n },\r\n renderIf: () => context.state.form?.msgConfirmSuccess\r\n },\r\n {\r\n col: 12,\r\n name: \"msgConfirmFailure\",\r\n value: \"\",\r\n type: \"alert\",\r\n opts: {\r\n color: \"danger\"\r\n },\r\n renderIf: () => context.state.form?.msgConfirmFailure\r\n },\r\n ],\r\n },\r\n \r\n columns: [\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\",\r\n width: 200\r\n },\r\n {\r\n Header: \"main.status\",\r\n accessor: \"status\",\r\n type: 'chip',\r\n chips: {\r\n 0: {text: 'Draft', color:'lightgreen'},\r\n 1: {text: 'Ready', color:'lightgreen'},\r\n 2: {text: 'Sending', color:'lightgreen'},\r\n 3: {text: 'Sent', color:'green'},\r\n 4: {text: 'Cancelled', color:'red'},\r\n 5: {text: 'Sending errors', color:'red'}\r\n }\r\n },\r\n {\r\n Header: `${M}sendDate`,\r\n accessor: \"sendOn\",\r\n isDate:true\r\n },\r\n {\r\n Header: 'admFetch.countTarget',\r\n accessor: \"total\"\r\n },\r\n {\r\n Header: `${M}sent`,\r\n accessor: \"sent\",\r\n width: 80\r\n },\r\n {\r\n accessor: \"sentProgress\",\r\n type:'progress'\r\n },\r\n {\r\n Header: 'admFetch.countSeen',\r\n accessor: \"read\",\r\n width: 80\r\n },\r\n {\r\n accessor: \"readProgress\",\r\n type:'progress'\r\n },\r\n {\r\n Header: `${M}failed`,\r\n accessor: \"failed\"\r\n }\r\n ],\r\n\r\n preview: {\r\n template: CustomPreviewWhatsApp,\r\n previewOf: {\r\n form: {\r\n name: `main.whatsappMessagePreview`,\r\n handleData: (data) => {\r\n if (!data) return\r\n let msgs = []\r\n let content = data?.selectedTemplate?.content\r\n let buttons = []\r\n const tagsContent = data?.selectedTemplate?.tagsContent\r\n if (tagsContent) {\r\n /*\r\n tagsContent.forEach(t => {\r\n if (data[t.id]) {\r\n content = content.replaceAll(`{{${t.id}}}`, data[t.id])\r\n }\r\n })\r\n */\r\n tagsContent.forEach((t, index) => {\r\n if (data[t.id]) {\r\n content = content.replaceAll(`{{${index+1}}}`, data[t.id])\r\n }\r\n if (t.id.includes(\"button\")) {\r\n buttons.push(data[t.id])\r\n }\r\n })\r\n }\r\n const msg = {\r\n type: \"received\",\r\n content: content,\r\n buttons: buttons\r\n }\r\n msgs.push(msg)\r\n return msgs\r\n }\r\n }\r\n },\r\n renderIf: () => context.state.form.selectedTemplate\r\n }\r\n }\r\n }","import _axios from \"../../libs/axios\"\r\nexport default (context) => {\r\n\r\n const filter = {\r\n fields: [\r\n {\r\n name: \"type\",\r\n value: 1,\r\n type: \"hidden\",\r\n }\r\n ]\r\n }\r\n\r\n let columns = [\r\n {\r\n Header: \"\",\r\n accessor: \"img\",\r\n type: \"img\"\r\n },\r\n {\r\n Header: \"main.ID\",\r\n accessor: \"ID\"\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\"\r\n },\r\n {\r\n Header: \"main.relationship\",\r\n accessor: \"relationship\" \r\n },\r\n {\r\n Header: \"main.principal\",\r\n accessor: \"principal\",\r\n isBool: true\r\n },\r\n {\r\n Header: \"main.externalId\",\r\n accessor: \"externalId\"\r\n }\r\n ]\r\n\r\n const module = {\r\n config: {\r\n resource: \"admUser\",\r\n pageSize: 40,\r\n list: false,\r\n remapRow: (form, res, action, resUpload) => {\r\n form.img = form.face\r\n form.name = `${form.last} ${form.last2?? ''}, ${form.name}`\r\n if (resUpload?.url) form.img = `${resUpload.url}?date=${Date.now()}`\r\n return form\r\n }\r\n },\r\n\r\n actions: {\r\n create: true,\r\n edit: true,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: {\r\n by: \"search\"\r\n }\r\n },\r\n\r\n filter: filter,\r\n\r\n form: {\r\n beforeOpenModal: () => {\r\n return new Promise((resolve) => {\r\n if (localStorage.getItem(\"listOptions\")) return resolve(true)\r\n context.props.setLoader(true)\r\n _axios.get('/general/getlists')\r\n .then(r => {\r\n if(r.status === 0) {\r\n context.props.setLoader(false)\r\n localStorage.setItem(\"listOptions\", JSON.stringify(r.data))\r\n resolve(true)\r\n }\r\n })\r\n .catch(() => {\r\n context.props.setLoader(false)\r\n resolve(false)\r\n })\r\n })\r\n },\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.country = { value: r.data.country, label: r.data.country }\r\n r.data.state = { value: r.data.state, label: r.data.state }\r\n r.data.city = { value: r.data.city, label: r.data.city }\r\n r.data.district = { value: r.data.district, label: r.data.district }\r\n r.data.nationality = { value: r.data.nationality, label: r.data.nationality }\r\n r.data.workCountry = { value: r.data.workCountry, label: r.data.workCountry }\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n return v\r\n },\r\n fields: [\r\n {\r\n col: 12,\r\n name: \"face\",\r\n value: \"\",\r\n type: \"dropzone\",\r\n label: \"main.photography\",\r\n rules: 'ext:jpeg,jpg,png',\r\n opts: {\r\n path: ()=> \"admUser/file\",\r\n accept: '.jpeg,.jpg,.png',\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"externalId\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.externalId\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"inactive\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"main.inactive\"\r\n },\r\n {\r\n col: 6,\r\n name: \"last\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.lastName\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"last2\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.maternalSurname\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.name\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"documenttype\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.documentType\",\r\n opts: {\r\n style: 'float-label',\r\n listInLocalStorage: {\r\n name: \"listOptions\",\r\n listName: \"documents\"\r\n }\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"documentnumber\",\r\n value: \"\",\r\n type: \"number\",\r\n label: \"main.documentNumber\",\r\n rules: 'max:20',\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"birthday\",\r\n value: \"\",\r\n type: \"date\",\r\n label: \"main.birthdate\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"nationality\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.nationality\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n path: \"/general/getcountries\",\r\n remap: (r) => {\r\n r.data.Results = r.data.map(item => ({ ID: item.id, name: item.name }))\r\n return r\r\n }\r\n }\r\n },\r\n {\r\n col: 6,\r\n name: \"rip\",\r\n value: false,\r\n type: \"switch\",\r\n label: \"main.died\"\r\n },\r\n {\r\n col: 6,\r\n name: \"gender\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.gender\",\r\n rules: 'required',\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: 'M', label: 'M'},\r\n { value: 'F', label: 'F'}\r\n ]\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"maritalstatus\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"admUser.maritalstatus\",\r\n opts: {\r\n style: 'float-label',\r\n listInLocalStorage: {\r\n name: \"listOptions\",\r\n listName: \"martialStatus\"\r\n }\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"cel\",\r\n value: \"\",\r\n type: \"number\",\r\n label: \"main.cellPhone\",\r\n rules: \"max:13\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"homephone\",\r\n value: \"\",\r\n type: \"number\",\r\n label: \"main.phone\",\r\n rules: \"max:13\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"mail\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.email\",\r\n rules: 'required|email',\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"email2\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"admUser.otherEmail\",\r\n rules: \"email\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"education\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.education\",\r\n opts: {\r\n style: 'float-label',\r\n listInLocalStorage: {\r\n name: \"listOptions\",\r\n listName: \"educationLevels\"\r\n }\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"religion\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"admUser.religion\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"userKind\",\r\n value: 0,\r\n type: \"select\",\r\n label: \"main.userType\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n { value: 0, label: \"Titular / Apoderado principal\" },\r\n { value: 1, label: \"Apoderado secundario\" },\r\n { value: 3, label: \"Externo / invitado\" }\r\n ]\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"notifModes\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.notifyVia\",\r\n rules: 'max:50',\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 12,\r\n name: \"label1\",\r\n value: L => `${L['main.residence']}
`,\r\n type: \"label\",\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"address\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.address\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"country\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.country\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/general/getcountries\",\r\n remap: (r) => {\r\n r.data.Results = r.data.map(item => ({ ID: item.id, name: item.name }))\r\n return r\r\n }\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"state\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.state\",\r\n parent: \"country\",\r\n opts: {\r\n style: 'float-label',\r\n path: ctx => `/general/getstates?country=${ctx.state.country}`,\r\n remap: (r) => {\r\n const data = r.data.map(item => item = {ID: item.id, name: item.name})\r\n r.data.Results = data\r\n return r\r\n }\r\n },\r\n renderIf: ctx => ctx.state.country && !ctx.state.rip,\r\n },\r\n {\r\n col: 6,\r\n name: \"city\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.city\",\r\n parent: \"state\",\r\n opts: {\r\n style: 'float-label',\r\n path: ctx => `/general/getcities?country=${ctx.state.country}&state=${ctx.state.state}`,\r\n remap: (r) => {\r\n const data = r.data.map(item => item = {ID: item.id, name: item.name})\r\n r.data.Results = data\r\n return r\r\n }\r\n },\r\n renderIf: ctx => ctx.state.state && !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"district\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.district\",\r\n parent: \"city\",\r\n opts: {\r\n style: 'float-label',\r\n path: ctx => `/general/getdistricts?country=${ctx.state.country}&state=${ctx.state.state}&city=${ctx.state.city}`,\r\n remap: (r) => {\r\n const data = r.data.map(item => item = {ID: item.id, name: item.name})\r\n r.data.Results = data\r\n return r\r\n }\r\n },\r\n renderIf: ctx => ctx.state.city && !ctx.state.rip\r\n },\r\n {\r\n col: 12,\r\n name: \"label2\",\r\n value: L => `${L[`admUser.employmentData`]}
`,\r\n type: \"label\",\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"work\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"admUser.workplace\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"jobrole\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"admUser.position\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"profession\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"admUser.profession\",\r\n opts: {\r\n style: 'float-label',\r\n listInLocalStorage: {\r\n name: \"listOptions\",\r\n listName: \"profession\"\r\n }\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"occupation\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"admUser.occupation\",\r\n opts: {\r\n style: 'float-label',\r\n listInLocalStorage: {\r\n name: \"listOptions\",\r\n listName: \"ocupations\"\r\n }\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"workAddress\",\r\n value: \"\",\r\n type: \"text\",\r\n label: \"main.address\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"workCountry\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"admUser.workCountry\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/general/getcountries\",\r\n remap: (r) => {\r\n r.data.Results = r.data.map(item => ({ ID: item.id, name: item.name }))\r\n return r\r\n }\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n },\r\n {\r\n col: 6,\r\n name: \"workphone\",\r\n value: \"\",\r\n type: \"number\",\r\n label: \"admUser.workPhone\",\r\n rules: \"max:13\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n renderIf: ctx => !ctx.state.rip\r\n }\r\n ]\r\n },\r\n\r\n columns: columns\r\n }\r\n return module\r\n}","import dateRange from \"../../components/utils/DateRange\";\r\nexport default (context) => {\r\n return {\r\n config: {\r\n hiddenTitle: true,\r\n pageSize: 40,\r\n list: false\r\n },\r\n \r\n actions: {\r\n search: true,\r\n edit: true,\r\n print: true,\r\n export: true\r\n },\r\n\r\n filter: {\r\n fields: [\r\n ...dateRange()\r\n ],\r\n buttons: [\r\n {\r\n label: 'main.applyFilter',\r\n renderIf: (ctx) => { return ctx.state.range || ctx.state.from || ctx.state.to },\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n form: {\r\n fields: [\r\n {\r\n col: 6,\r\n name: \"userName\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.user\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 6,\r\n name: \"moduleId\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.module\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 6,\r\n name: \"date\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.date\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 6,\r\n name: \"action\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.action\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 6,\r\n name: \"IP\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.IPadress\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true\r\n },\r\n {\r\n col: 6,\r\n name: \"lat\",\r\n value: null,\r\n type: \"text\",\r\n label: \"main.location\",\r\n opts: {\r\n style: 'float-label'\r\n },\r\n disabled: true\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n { Header: \"main.event\", accessor: \"ID\" },\r\n { Header: \"main.user\", accessor: \"name\" },\r\n { Header: \"main.date\", accessor: \"date\" },\r\n { Header: \"main.module\", accessor: \"module\" },\r\n { Header: \"main.action\", accessor: \"action\" }\r\n ]\r\n }\r\n}","import _moment from \"../../libs/moment\"\r\nexport default (context) => {\r\n return {\r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n },\r\n\r\n actions: {\r\n create: false,\r\n edit: false,\r\n delete: true,\r\n print: true,\r\n export: true,\r\n search: true\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n name: \"day\",\r\n value: _moment().format(\"YYYY-MM-DD\"),\r\n type: \"date\",\r\n label: \"main.date\",\r\n opts: {\r\n style: 'float-label'\r\n }\r\n },\r\n {\r\n name: \"superSectionId\",\r\n value: null,\r\n type: \"select\",\r\n label: \"main.grade\",\r\n opts: {\r\n style: 'float-label',\r\n path: \"/admSuperSection/get?pick=true\"\r\n }\r\n },\r\n {\r\n name: \"sectionId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"main.section\",\r\n parent: \"superSectionId\",\r\n opts: {\r\n style: 'float-label',\r\n path: () => { return \"/admSection/get?pick=true&parentId=\" + context.state.formFilter.superSectionId }\r\n }\r\n }\r\n ],\r\n buttons: [\r\n {\r\n name: \"btnFilter\",\r\n label: \"main.applyFilter\",\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"main.externalId\",\r\n accessor: \"externalId\"\r\n },\r\n {\r\n Header: `main.lastName`,\r\n accessor: \"last\",\r\n },\r\n {\r\n Header: \"main.name\",\r\n accessor: \"name\",\r\n },\r\n {\r\n Header: \"main.grade\",\r\n accessor: \"supersectionName\",\r\n },\r\n {\r\n Header: \"main.section\",\r\n accessor: \"sectionName\"\r\n },\r\n {\r\n Header: \"main.usualDeparture\",\r\n accessor: \"pickupTypeName\"\r\n },\r\n {\r\n Header: \"main.exeption\",\r\n accessor: \"pickupExcepTypeName\"\r\n },\r\n {\r\n Header: \"main.change\",\r\n accessor: \"pickupExcepNote\"\r\n },\r\n {\r\n Header: \"main.time\",\r\n accessor: \"pickupExcepTime\"\r\n }\r\n ]\r\n }\r\n}","import CustomPreviewWhatsApp from \"../../components/utils/CustomPreviewWhatsApp\"\r\nimport React from \"react\";\r\nimport inputTypes from \"../../data/fetchInputTypes\"\r\nimport AppLocale from \"../lang\";\r\nexport default (context) => {\r\n const M = \"admFetchInput.\"\r\n\r\n return {\r\n config: {\r\n pageSize: 100,\r\n hidePagination: true,\r\n list: false,\r\n name: `${M}questions`,\r\n remapRow: (form) => {\r\n return form\r\n },\r\n modal: {\r\n size: \"md\"\r\n }\r\n },\r\n\r\n actions: {\r\n create: {\r\n btn: () => {\r\n context.toggle()\r\n context.setState({showPreview: true})\r\n }\r\n },\r\n edit: true,\r\n delete: true,\r\n print: false,\r\n export: false,\r\n search: false\r\n },\r\n\r\n form: {\r\n remapOne: (r) => {\r\n if (r.status >= 0) {\r\n r.data.selectedType = r.data.type\r\n }\r\n return r\r\n },\r\n setValuesBeforePost: (v) => {\r\n delete v.flags\r\n delete v.selectedField\r\n return v\r\n },\r\n beforeOpenModal: () => {\r\n return new Promise((resolve) => {\r\n context.setState({modalPreview: false})\r\n resolve(true)\r\n })\r\n },\r\n fields: [\r\n {\r\n name: \"fectchId\",\r\n value: context?.props?.filterBy?.fetchId,\r\n type: \"hidden\",\r\n },\r\n {\r\n col: 12,\r\n name: \"name\",\r\n value: \"\",\r\n type: \"textarea\",\r\n label: `${M}question`,\r\n rules: \"required|max:100\",\r\n maxLength: \"100\",\r\n opts: {\r\n style: 'float-label',\r\n rows: 2,\r\n addon: {\r\n append: {\r\n buttons: [\r\n {\r\n name: \"main.preview\",\r\n onClick: () => {\r\n if (context.state.modalPreview) {\r\n context.togglePreview()\r\n } else {\r\n context.previewOfForm(context.state.form)\r\n context.togglePreview()\r\n }\r\n }\r\n }\r\n ]\r\n }\r\n }\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"label2\",\r\n value: (L) => `${L[`${M}typeAnswer`]}
`,\r\n type: \"label\",\r\n },\r\n {\r\n col: 12,\r\n name: \"selectedType\",\r\n value: \"\",\r\n type: \"text\",\r\n rules: \"required\",\r\n rulesMessages: {messages: {required: 'Select a type'}},\r\n opts: {\r\n inputWrapperClassName: \"d-none\"\r\n }\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label:`${M}typeText`,\r\n opts: {\r\n value: \"text\",\r\n desc: `${M}descTypeText`,\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type, options: \"\"})\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label:`${M}typeOption`,\r\n opts: {\r\n value: \"option\",\r\n desc: `${M}descTypeOption`\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type, options: \"\"})\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label: `${M}typeMultiple`,\r\n opts: {\r\n value: \"multiple\",\r\n desc: `${M}descTypeMultiple`\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type, options: \"\"})\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label: `${M}typeLocation`,\r\n opts: {\r\n value: \"location\",\r\n desc: `${M}descTypeLocation`\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type, options: \"\"})\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label: `${M}typeSignature`,\r\n opts: {\r\n value: \"signature\",\r\n desc: `${M}descTypeSignature`\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type, options: \"\"})\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label: `${M}typeIdentity`,\r\n opts: {\r\n value: \"kyc\",\r\n desc: `${M}descTypeIdentity`\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type, options: \"\"})\r\n },\r\n {\r\n col: 12,\r\n name: \"type\",\r\n value: \"\",\r\n type: \"radio\",\r\n label: `${M}typePayment`,\r\n opts: {\r\n value: \"payment\",\r\n desc: `${M}descTypePayment`\r\n },\r\n onChange: ctx => ctx.setState({selectedType: ctx.state.type, options: \"\"})\r\n },\r\n {\r\n col: 12,\r\n name: \"label1\",\r\n value: (L) => `${L[`${M}addOption`]}
`,\r\n type: \"label\",\r\n renderIf: ctx => [\"option\", \"multiple\"].indexOf(ctx.state.type) > -1\r\n },\r\n {\r\n col: 12,\r\n name: \"options\",\r\n value: \"\",\r\n type: \"sortable\",\r\n placeholder: `${M}optionPlaceholder`,\r\n rules: \"required\",\r\n opts: {\r\n nameButton: `${M}addAnswer`\r\n },\r\n renderIf: ctx => [\"option\", \"multiple\"].indexOf(ctx.state.type) > -1\r\n }\r\n ]\r\n },\r\n\r\n columns: [\r\n {\r\n Header: \"\",\r\n accessor: \"type\",\r\n type: \"img\",\r\n width: 80\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"name\",\r\n type: \"html\",\r\n cell: (props) => {\r\n const L = AppLocale[context.props.locale].messages\r\n const typeName = inputTypes.find(i => i.value === props.original.type)?.label\r\n return \r\n {props.original.name}\r\n {`${L[`${M}typeAnswer`]}: ${L[typeName]}` ?? props.original.type}\r\n \r\n }\r\n }\r\n ],\r\n \r\n preview: {\r\n template: CustomPreviewWhatsApp,\r\n previewOf: {\r\n form: {\r\n name: `main.whatsappMessagePreview`,\r\n handleData: (data) => {\r\n if (!data) return\r\n let msgs = []\r\n let msg = {\r\n type: \"received\",\r\n content: data.name,\r\n buttons: data.options ? data.options?.split(\"|\") : []\r\n }\r\n msgs.push(msg)\r\n return msgs\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}","export default (context) => {\r\n let columns = [\r\n {\r\n Header: \"ID\",\r\n accessor: \"ID\",\r\n minWidth: 50\r\n },\r\n {\r\n Header: \"User\",\r\n accessor: \"user\",\r\n minWidth: 120\r\n },\r\n {\r\n Header: \"Date Completed\",\r\n accessor: \"dateCompleted\",\r\n isDate: true\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"col1\",\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"col2\"\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"col3\"\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"col4\"\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"col5\"\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"col6\"\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"col7\"\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"col8\"\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"col9\"\r\n },\r\n {\r\n Header: \"\",\r\n accessor: \"col10\"\r\n }\r\n ];\r\n\r\n return {\r\n config: {\r\n pageSize: 40,\r\n list: false,\r\n remap: (r) => {\r\n // hack for dynamic column names\r\n if (r.data.Results.length > 0 && r.data.Results[0].ID === -1) {\r\n // Use the first item to apply column names if needed\r\n const columnsData = r.data.Results[0]; // Get column names from the first item\r\n // const columnNames = Object.keys(columnsData); // Get column names from the first item\r\n // Exclude the first items\r\n r.data.Results = r.data.Results.slice(1);\r\n\r\n const columns = context.state.columns\r\n let remove = [];\r\n\r\n columns.map((item) => {\r\n if (item.accessor && item.accessor.startsWith(\"col\")) {\r\n item.Header = columnsData[item.accessor];\r\n if (item.Header === '') remove.push(item.accessor);\r\n }\r\n return item\r\n })\r\n\r\n for (let i = columns.length - 1; i >= 0; i--) {\r\n if (remove.includes(columns[i].accessor)) {\r\n columns.splice(i, 1); // Remove the item at index i\r\n }\r\n }\r\n\r\n context.setState({ columns: columns });\r\n\r\n }\r\n return r\r\n }\r\n },\r\n\r\n actions: {\r\n create: false,\r\n edit: false,\r\n delete: true,\r\n print: { remap: true },\r\n export: { remap: true },\r\n search: true\r\n },\r\n\r\n filter: {\r\n fields: [\r\n {\r\n type: \"daterange\",\r\n range: {\r\n value: 0\r\n }\r\n },\r\n {\r\n name: \"fetchId\",\r\n value: 0,\r\n type: \"select\",\r\n label: \"Select a Looc flow\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: false,\r\n path: \"/admFetch/get\",\r\n withImg: false\r\n }\r\n },\r\n {\r\n name: \"fetchInputId\",\r\n value: 0,\r\n type: \"select\",\r\n label: \"Search by input\",\r\n parent: \"fetchId\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: false,\r\n path: () => { return '/admFetchInput/get?fetchId=' + context.state.formFilter.fetchId },\r\n withImg: false\r\n },\r\n renderIf: (ctx) => ctx.state.fetchId > 0\r\n },\r\n {\r\n name: \"userId\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Customer\",\r\n opts: {\r\n style: 'float-label',\r\n searchOnline: true,\r\n path: \"/admStaff/get\",\r\n withImg: true\r\n }\r\n },\r\n\r\n /* {\r\n name: \"status\",\r\n value: \"\",\r\n type: \"select\",\r\n label: \"Estado\",\r\n opts: {\r\n style: 'float-label',\r\n items: [\r\n {\r\n value: 1,\r\n label: \"Confirmados\"\r\n },\r\n {\r\n value: 0,\r\n label: \"Pendientes\"\r\n }\r\n ]\r\n }\r\n }*/\r\n ],\r\n buttons: [\r\n {\r\n label: 'Filter',\r\n renderIf: (ctx) => { return ctx.state.fetchId > 0 && (ctx.state.from || ctx.state.to || Number.isInteger(ctx.state.userId)) },\r\n onClick: (ctx) => { ctx.btnAction('filter') }\r\n }\r\n ]\r\n },\r\n\r\n columns: columns\r\n }\r\n}"],"sourceRoot":""}
{props.original.name}
\r\n {`${L[`${M}typeAnswer`]}: ${L[typeName]}` ?? props.original.type}
\r\n