-
+
Docs{' '}
->
-
+
Find in-depth information about Next.js features and API.
@@ -68,13 +68,13 @@ export default function Home() {
target="_blank"
rel="noopener noreferrer"
>
-
+
Learn{' '}
->
-
+
Learn about Next.js in an interactive course with quizzes!
@@ -85,13 +85,13 @@ export default function Home() {
target="_blank"
rel="noopener noreferrer"
>
-
+
Templates{' '}
->
-
+
Discover and deploy boilerplate example Next.js projects.
@@ -102,13 +102,13 @@ export default function Home() {
target="_blank"
rel="noopener noreferrer"
>
-
+
Deploy{' '}
->
-
+
Instantly deploy your Next.js site to a shareable URL with Vercel.
diff --git a/src/plugins/LoadingContext.jsx b/src/plugins/LoadingContext.jsx
new file mode 100644
index 0000000..ccef304
--- /dev/null
+++ b/src/plugins/LoadingContext.jsx
@@ -0,0 +1,26 @@
+import { createContext, useContext, useState } from 'react'
+import dynamic from 'next/dynamic'
+import presets from '@/utils/globalPresets'
+
+const LoadingSpinner = dynamic(() => { return import('vComponents/dist/Loading') }, { ssr: false })
+export const LoadingContext = createContext()
+
+const LoadingProvider = ({ children }) => {
+ const [loading, setLoading] = useState(false)
+
+ const loadingWrapper = {
+ loading,
+ setLoading,
+ start: () => { setLoading(true) },
+ stop: () => { setLoading(false) }
+ }
+
+ return (
+
+ { children }
+
+
+ )
+}
+
+export default LoadingProvider
diff --git a/src/plugins/i18nContext.jsx b/src/plugins/i18nContext.jsx
new file mode 100644
index 0000000..5fa5d5e
--- /dev/null
+++ b/src/plugins/i18nContext.jsx
@@ -0,0 +1,91 @@
+import { createContext, useState, useRef, useEffect } from 'react'
+import rosetta from 'rosetta'
+// import rosetta from 'rosetta/debug'
+import { execute } from '@/helper/clientApi'
+import useHasMounted from '@/hooks/useHasMounted'
+import environment from '@/utils/environment'
+// import { sprCatalogosS } from '@/js/spr'
+// import { getEnv } from '@/js/funciones'
+
+const i18n = rosetta()
+
+export const defaultLanguage = 'es'
+export const languages = ['es', 'en']
+export const contentLanguageMap = { es: 'es-GT', en: 'en-US' }
+
+export const I18nContext = createContext()
+
+// default language
+i18n.locale(defaultLanguage)
+
+const I18nProvider = ({ children, locale, dict }) => {
+ const activeLocaleRef = useRef(locale || defaultLanguage)
+ const [, setTick] = useState(0)
+ const firstRender = useRef(true)
+ const [langIsLoaded, setLangIsLoaded] = useState(false)
+ const hasMounted = useHasMounted()
+
+ const i18nWrapper = {
+ activeLocale: activeLocaleRef.current,
+ langIsLoaded,
+ t: (...args) => i18n.t(...args),
+ locale: (l, dict) => {
+ i18n.locale(l)
+ activeLocaleRef.current = l
+ if (dict) {
+ i18n.set(l, dict)
+ }
+ // force rerender to update view
+ setTick((tick) => tick + 1)
+ }
+ }
+
+ const setLanguage = async () => {
+ let msgs = {}
+ const env = await environment.getEnvUser()
+ const response2 = await execute('SPR_PROY_SESION_S', [env.token])
+ // TODO: implementar idioma del usuario
+ // if (response2[0].status !== 'ERROR') {
+ // // const options = await execute(sprCatalogosS, ['datosUsuario', await getEnv(i18n)])
+ // const options = await execute(sprCatalogosS, ['datosUsuario', env.token])
+ // locale = options[0].idioma
+ // } else {
+ // locale = defaultLanguage
+ // }
+ locale = defaultLanguage
+ // si la app ya esta renderizada se cargan los textos
+ if (hasMounted) {
+ const i18nDb = await execute('SPR_I18N_T', [locale])
+ msgs = i18nDb.reduce((obj, elm) => {
+ obj[elm.id_mensaje_padre] = { ...obj[elm.id_mensaje_padre], [elm.id_mensaje]: elm.mensaje }
+ return obj
+ }, {})
+ }
+ i18nWrapper.locale(locale, msgs)
+ setLangIsLoaded(true)
+ }
+
+ // for initial SSR render
+ if (locale && firstRender.current === true) {
+ firstRender.current = false
+ setLanguage()
+ }
+
+ // // when locale is updated
+ // useEffect(() => {
+ // setLanguage()
+ // }, [activeLocaleRef.current])
+
+ // when page is mounted
+ useEffect(() => {
+ if (hasMounted) {
+ setLanguage()
+ }
+ }, [hasMounted, activeLocaleRef.current])
+
+ return (
+
{children}
+ )
+}
+
+export default I18nProvider
diff --git a/src/utils/environment.js b/src/utils/environment.js
new file mode 100644
index 0000000..26a8d9e
--- /dev/null
+++ b/src/utils/environment.js
@@ -0,0 +1,371 @@
+import Cookie from 'js-cookie'
+import functions from 'v-functions'
+import { execute } from '../helper/clientApi'
+import presets from './globalPresets'
+import { findWhere } from 'underscore'
+
+/**
+ * @brief Objeto con funciones comunes de ambiente
+ */
+const environment = {
+ /**
+ * @brief Obtiene el token de los Cookies y el usuario del LocalStorage
+ * @param {*} callback funcion a ejecutar cuando se obtuvieron los datos
+ * @returns
+ */
+ getFormatRandomNumber: () => {
+ const getRandomId = () => {
+ return String(Math.floor(Math.random() * 10000))
+ }
+
+ const currentDate = new Date()
+
+ let fixName = `${currentDate.getFullYear()}`
+ fixName += `${(currentDate.getMonth() + 1).toString().padStart(2, '0')}`
+ fixName += `${currentDate.getDate().toString().padStart(2, '0')}`
+ fixName += `${currentDate.getHours().toString().padStart(2, '0')}`
+ fixName += `${currentDate.getMinutes().toString().padStart(2, '0')}`
+ fixName += `${currentDate.getMilliseconds().toString()}`
+ fixName += `_${getRandomId()}`
+
+ return fixName
+ },
+
+ getResultParameters: (confParameters, item, mainParameters) => {
+ const resultParameters = []
+ if (confParameters != null && confParameters.length) {
+ confParameters.forEach((orParam) => {
+ if (orParam.type === 'param') {
+ const _parameters = [...mainParameters]
+ const arrParam = _parameters.filter((paramSel) => (paramSel.name === orParam.id))
+ if (arrParam.length) {
+ resultParameters.push(arrParam[0].value)
+ } else {
+ resultParameters.push(null)
+ }
+ } else {
+ if (item != null && item[orParam.id] != null) {
+ resultParameters.push(item[orParam.id])
+ } else {
+ resultParameters.push(null)
+ }
+ }
+ })
+ }
+ return resultParameters
+ },
+ buildFunctiontsHeaders: (baseHeaders, iconResponse = () => {}, substituteValOnForm) => {
+ const newHeaders = []
+ if (baseHeaders != null && baseHeaders.length) {
+ for (let i = 0; i < baseHeaders.length; i++) {
+ const field = baseHeaders[i]
+ if (field.substituteValOnForm != null && substituteValOnForm != null) {
+ field.substituteValOnForm = (head, _model, _field, _isEdit) => { return substituteValOnForm(head, _model, _field, _isEdit) }
+ }
+ if (field.mappingRules != null && field.mappingRules.length) {
+ const _mappingRules = [...field.mappingRules]
+ // Insertar Funcion para substituteVal
+ const rulesValue = _mappingRules.filter((rule) => (rule.type === 'value' || rule.type === 'icon' || rule.type === 'format' || rule.type === 'fieldValue'))
+ if (rulesValue.length) {
+ field.substituteVal = (item) => {
+ const id = field.value
+ const rules = [...rulesValue]
+ if (rules.length) {
+ for (let i = 0; i < rules.length; i++) {
+ const rule = { ...rules[i] }
+ const numberRuleValue = Number(rule.value)
+ const numberFieldValue = Number(item[rule.field])
+ const areNums = !isNaN(numberRuleValue) && !isNaN(numberFieldValue)
+ let response = rule.result
+ if (rule.type === 'icon') {
+ response = iconResponse(item[id], rule.result, item)
+ }
+ if (rule.rule === 'equal') {
+ if ((!areNums && item[rule.field] === rule.value) || (areNums && numberFieldValue === numberRuleValue)) {
+ return response
+ } else if ((rule.value === null || rule.value === '') && (item[rule.field] === null || item[rule.field] === '')) {
+ return response
+ }
+ } else if (rule.rule === 'greater_than') {
+ if ((!areNums && item[rule.field] > rule.value) || (areNums && numberFieldValue > numberRuleValue)) {
+ return response
+ }
+ } else if (rule.rule === 'less_than') {
+ if ((!areNums && item[rule.field] < rule.value) || (areNums && numberFieldValue < numberRuleValue)) {
+ return response
+ }
+ } else if (rule.rule === 'not_equal') {
+ if ((!areNums && item[rule.field] !== rule.value) || (areNums && numberFieldValue !== numberRuleValue)) {
+ return response
+ } else if ((rule.value === null || rule.value === '') && (item[rule.field] !== null || item[rule.field] !== '')) {
+ return response
+ }
+ }
+ if (rule.type === 'format') {
+ const isNum = !isNaN(numberFieldValue)
+ try {
+ if (rule.rule === 'number') {
+ if (isNum) {
+ return functions.formatNumber(numberFieldValue, rule.result)
+ }
+ return functions.formatNumber(item[rule.field], rule.result)
+ } else if (rule.rule === 'date') {
+ if (isNum) {
+ return functions.formatDate(numberFieldValue, rule.result)
+ }
+ return functions.formatDate(item[rule.field], rule.result)
+ }
+ } catch (e) {
+ return item[id]
+ }
+ }
+ if (rule.type === 'fieldValue') {
+ try {
+ return item[rule.result]
+ } catch (e) {
+ return item[id]
+ }
+ }
+ }
+ return item[id]
+ }
+ return item[id]
+ }
+ } else {
+ field.substituteVal = field.substituteVal || null
+ }
+ // Insertar Funcion para classItem
+ const rulesClass = _mappingRules.filter((rule) => (rule.type === 'class'))
+ if (rulesClass.length) {
+ field.classItem = (item) => {
+ const rules = [...rulesClass]
+ let resultClass = ''
+ if (rules.length) {
+ for (let i = 0; i < rules.length; i++) {
+ const rule = { ...rules[i] }
+ const numberRuleValue = Number(rule.value)
+ const numberFieldValue = Number(item[rule.field])
+ const areNums = !isNaN(numberRuleValue) && !isNaN(numberFieldValue)
+ if (rule.rule === 'equal') {
+ if ((!areNums && item[rule.field] === rule.value) || (areNums && numberFieldValue === numberRuleValue)) {
+ resultClass = `${resultClass} ${rule.result}`
+ } else if ((rule.value === null || rule.value === '') && (item[rule.field] === null || item[rule.field] === '')) {
+ resultClass = `${resultClass} ${rule.result}`
+ }
+ } else if (rule.rule === 'greater_than') {
+ if ((!areNums && item[rule.field] > rule.value) || (areNums && numberFieldValue > numberRuleValue)) {
+ resultClass = `${resultClass} ${rule.result}`
+ }
+ } else if (rule.rule === 'less_than') {
+ if ((!areNums && item[rule.field] < rule.value) || (areNums && numberFieldValue < numberRuleValue)) {
+ resultClass = `${resultClass} ${rule.result}`
+ }
+ } else if (rule.rule === 'not_equal') {
+ if ((!areNums && item[rule.field] !== rule.value) || (areNums && numberFieldValue !== numberRuleValue)) {
+ resultClass = `${resultClass} ${rule.result}`
+ } else if ((rule.value === null || rule.value === '') && (item[rule.field] !== null || item[rule.field] !== '')) {
+ resultClass = `${resultClass} ${rule.result}`
+ }
+ }
+ }
+ return resultClass
+ }
+ return resultClass
+ }
+ } else {
+ field.classItem = null
+ }
+ } else {
+ field.classItem = null
+ field.substituteVal = field.substituteVal || null
+ }
+
+ if (field.showInForm != null && field.showInForm === true) {
+ if (field.formatDefinition != null && field.formatDefinition.action != null) {
+ if (field.formatDefinition.action === 'format') {
+ field.format = (val, definition = field.formatDefinition) => {
+ if (val != null) {
+ if (definition.value === 'lowercase') {
+ const valString = String(val)
+ return valString.toLowerCase()
+ } else if (definition.value === 'uppercase') {
+ const valString = String(val)
+ return valString.toUpperCase()
+ }
+ }
+ return val
+ }
+ }
+ } else {
+ field.format = null
+ }
+ }
+ newHeaders.push({ ...field })
+ }
+ }
+ return newHeaders
+ },
+ setEnvUser: (user) => {
+ functions.setEncodeStorage(`${process.env.idApp}/${process.env.NODE_ENV}`, user)
+ },
+ getEnvUser: () => {
+ return new Promise((resolve, reject) => {
+ const token = Cookie.get(`${process.env.idApp}:${process.env.NODE_ENV}`)
+ const user = functions.getDecodeStorage(`${process.env.idApp}/${process.env.NODE_ENV}`)
+ if (!token || !user) {
+ resolve({ token: undefined, user: undefined, redirectPath: '/login' })
+ }
+ resolve({ token, user })
+ })
+ },
+ logout: () => {
+ return new Promise((resolve, reject) => {
+ Cookie.remove(`${process.env.idApp}:${process.env.NODE_ENV}`)
+ functions.setEncodeStorage(`${process.env.idApp}/${process.env.NODE_ENV}`, '')
+ resolve('/')
+ })
+ },
+ login: (token, user) => {
+ return new Promise((resolve, reject) => {
+ Cookie.set(`${process.env.idApp}:${process.env.NODE_ENV}`, token)
+ functions.setEncodeStorage(`${process.env.idApp}/${process.env.NODE_ENV}`, user)
+ resolve()
+ })
+ },
+ getTime: () => {
+ // return (new Date()).getTime()
+ return 1668220842700
+ },
+
+ validaResultadoDB: (resultado, i18n, toast, showOKMessage = false) => {
+ const showToast = (i18n, toast, message, type, i18nCode = null) => {
+ const displayMessage = message
+
+ // if (displayMessage.includes(':console-message:')) {
+ // console.warn(displayMessage.replace(':console-message:', ''))
+ // } else
+ if (toast && showOKMessage) {
+ const cleanedMessage = displayMessage.replace(':no-display:', '')
+ toast[type](
+
,
+ presets.toaster
+ )
+ }
+ }
+
+ if (!resultado) {
+ showToast(i18n, toast, i18n.t('common.errorApi'), 'error')
+ return false
+ }
+
+ if (Array.isArray(resultado) && resultado.length > 0) {
+ const { status, message, mensaje, i18n: i18nCode } = resultado[0]
+
+ if (status === 'ERROR' || status === 'error' || status === 'WARNING' || status === 'warning' || status === 'INFO' || status === 'info') {
+ if (i18n === 'session.inactive' || i18n === 'session.inactiva' || message === 'Sesión inactiva') {
+ // if (store.state.sessionInactive === false) {
+ // store.actions.setSessionInactive(true)
+ // }
+ } else {
+ showToast(i18n, toast, (message || mensaje), status === 'ERROR' ? 'error' : 'warning', i18nCode)
+ }
+ return false
+ }
+
+ if ((status === 'OK' || status === 'ok' || status === 'SUCCESS' || status === 'success') && showOKMessage) {
+ showToast(i18n, toast, (message || mensaje), 'success', i18nCode)
+ }
+ }
+
+ return true
+ },
+
+ getFileParams (model, headers, value, prefix) {
+ const head = findWhere(headers, { value })
+ const { filename, extension } = functions.getFilePattern(model[value])
+ const params = {}
+ if (head.logicalName && head.logicalName !== null) {
+ if (typeof head.logicalName === 'function') {
+ params.logico = head.logicalName(model)
+ } else {
+ params.logico = head.logicalName
+ }
+ } else {
+ params.logico = filename
+ }
+ if (prefix && prefix !== null) {
+ params.logico = `${prefix}${params.logico}`
+ }
+ if (head.logicalExtension && head.logicalExtension !== null) {
+ if (typeof head.logicalExtension === 'function') {
+ params.ext = head.logicalExtension(model)
+ } else {
+ params.ext = head.logicalExtension
+ }
+ } else {
+ params.ext = extension
+ }
+ return params
+ },
+
+ validaPermisos: async (token, administra, configura, graba_modifica, consulta) => {
+ let permisos = await execute('FUN_INFO_SESION_ENTIDAD', [token])
+ if (permisos === undefined || permisos.length <= 0) {
+ return false
+ }
+ if (permisos[0].status === 'ERROR') {
+ return false
+ } else if (permisos[0].status === 'WARNING') {
+ return false
+ } else {
+ permisos = permisos[0]
+ const secVal = []
+ if (permisos.administra === 'S') {
+ return true
+ } else if (permisos.configura === 'S') {
+ secVal.push(2)
+ } else if (permisos.graba_modifica === 'S') {
+ secVal.push(3)
+ } else if (permisos.consulta === 'S') {
+ secVal.push(4)
+ }
+ if (configura === 'S' && secVal.includes(2) === true) {
+ return true
+ } else if (graba_modifica === 'S' && secVal.includes(3) === true) {
+ return true
+ } else if (consulta === 'S' && secVal.includes(4) === true) {
+ return true
+ }
+ return false
+ }
+ },
+ i18nHeaders: (i18n, headers) => {
+ return new Promise((resolve) => {
+ const newHeaders = []
+ for (const hds of headers) {
+ if (hds.i18n && hds.i18n.length > 0) {
+ hds.text = i18n.t(hds.i18n)
+ }
+ if (hds.pristineMessages) {
+ Object.keys(hds.pristineMessages).forEach((msg) => {
+ if (msg.includes('-params') === false) {
+ if (hds.pristineMessages[`${msg}-params`]) {
+ hds.inputProps[`data-pristine-${msg}-message`] = hds.pristineMessages[msg]
+ ? i18n.t(hds.pristineMessages[msg], hds.pristineMessages[`${msg}-params`])
+ : 'txtNone'
+ } else {
+ hds.inputProps[`data-pristine-${msg}-message`] = hds.pristineMessages[msg]
+ ? i18n.t(hds.pristineMessages[msg])
+ : 'txtNone'
+ }
+ }
+ })
+ }
+ newHeaders.push(hds)
+ }
+ resolve(newHeaders)
+ })
+ }
+}
+
+export default environment
diff --git a/src/utils/globalPresets.js b/src/utils/globalPresets.js
new file mode 100644
index 0000000..378e9aa
--- /dev/null
+++ b/src/utils/globalPresets.js
@@ -0,0 +1,84 @@
+const theme = 'blue'
+
+const presets = {
+ appTitle: 'Orbis Template',
+ theme: `${theme}`,
+ svgIconUrl: 'https://www.via-asesores.com/svgicons/smartoperation/',
+ images: {
+ loginFondo: 'https://www.via-asesores.com/backgrounds/smartoperation/SmartOperation_background.png',
+ welcomeFondo: 'https://www.via-asesores.com/backgrounds/smartoperation/SmartOperation_background.png',
+ icon: 'https://www.via-asesores.com/icons/smartoperation/SmartOperation_icon_light.png',
+ logo: 'https://www.via-asesores.com/logos/smartOperations.png',
+ imageLoader: 'https://www.via-asesores.com/logos/logo_via.png',
+ noImageFound: 'https://www.via-asesores.com/smartsalesnprofit/images/LogoViasaClaroTransparente_600x.png',
+ onError: 'https://www.via-asesores.com/smartsalesnprofit/images/LogoViasaClaroTransparente_600x.png',
+ noDataFound: `${process.env.publicPath}/images/cancel.png`
+ },
+ locations: {
+ login: '/',
+ welcome: '/dashboard',
+ welcomeTemp: '/welcome',
+ profile: '/seguridad/profile'
+ },
+ toaster: {
+ position: 'top-center',
+ autoClose: 5000,
+ hideProgressBar: false,
+ closeOnClick: true,
+ pauseOnHover: true,
+ draggable: true,
+ theme: 'light'
+ },
+ pristine: {
+ // class of the parent element where the error/success class is added
+ classTo: 'form-group',
+ errorClass: 'ring-red-400',
+ successClass: 'has-success',
+ // class of the parent element where error text element is appended
+ errorTextParent: 'form-group',
+ // type of element to create for the error text
+ errorTextTag: 'div',
+ // class of the error text element
+ errorTextClass: 'text-help text-red-500 text-sm py-1'
+ },
+ graphOptions: {
+ interaction: {
+ dragNodes: false,
+ dragView: true,
+ hover: true
+ },
+ layout: {
+ hierarchical: {
+ enabled: true,
+ levelSeparation: 200,
+ nodeSpacing: 200,
+ treeSpacing: 200,
+ blockShifting: true,
+ edgeMinimization: true,
+ parentCentralization: true,
+ direction: 'LR', // UD, DU, LR, RL
+ sortMethod: 'hubsize', // hubsize, directed
+ shakeTowards: 'leaves' // roots, leaves
+ }
+ },
+ edges: {
+ color: '#000000'
+ },
+ height: '700px',
+ physics: {
+ enabled: false,
+ // maxVelocity: 50,
+ // minVelocity: 0.1,
+ // solver: "barnesHut",
+ stabilization: {
+ enabled: true,
+ iterations: 1000,
+ updateInterval: 100,
+ onlyDynamicEdges: false,
+ fit: true
+ }
+ }
+ }
+}
+
+export default presets