Planificación en Calendarios

[niclopup]

Feature request

Planificación en Calendarios

Se desea ver la manera que se pueda visualizar una planificación en VUE.

Describe the solution you'd like

La idea es tener la posibilidad de contar con diferentes vistas de ciertos documentos a lo largo del tiempo. Ver como Día, Semana, Mes.

Mes:

En cada día, se querría ver de alguna manera la cantidad de "Registros" que se tengan definido para esa fecha.

• Fecha Desde: Verde
• Fecha Fin: Roja
• Fecha única: Azul

Semana:

Día

Registros a mostrar en calendario

Actualmente ZK permite visualizar sólo los registros de

Ejemplo como se ve ahora en ZK

Registros a mostrar

La idea inicialmente sería mostrar fechas de los siguientes registros de ADempiere:

• Asignación de Recurso (tal como actualmente tiene soportado en ZK)
• Solicitudes (R_Request)
• Proyectos (C_Project)

Sería bueno ver cómo quedaría utilizando algun calendario existente de VUE para poder definir en base a lo que exista cómo podemos avanzar con el diseño y desarrollo

Additional context

Ejemplos https://vuejsexamples.com/the-inline-calendar-component-for-vue3/

https://github.com/lbgm/vue-pro-calendar?ref=vuejsexamples.com

[EdwinBetanc0urt]

Aca están unos demos (sección Views) del que se implementara

https://fullcalendar.io/docs

https://github.com/solop-develop/frontend-core/assets/20288327/5116da23-920e-45d9-844a-cf5f2da2e706

necesitaría una estructura:

[
  {
    "id": 1234,
    "title": "Prueba 1",
    "start": "2023-10-01",
    "end": "2023-10-01"
  },
  {
    "id": 1111,
    "title": "Test 2",
    "start": "2023-10-01",
    "end": "2023-10-01"
  }
]

[niclopup]

[ { "id": 1234, "title": "Governors - Full Paint", "start": "2023-10-01 13:00-:00", "end": "2023-10-01 15:00:00" }, { "id": 1111, "title": "Yisel - Cleaning", "start": "2023-10-03 10:00:00", "end": "2023-10-03 12:00:00" } { "id": 2222, "title": "Jennings Place - Housekeeper", "start": "2023-10-03 14:00:00", "end": "2023-10-03 16:00:00" } { "id": 3333, "title": "Angel Cove - Carpet", "start": "2023-10-05 10:00:00", "end": "2023-10-05 12:00:00" } { "id": 4444, "title": "Sterling Hills - Paint", "start": "2023-10-04 10:00:00", "end": "2023-10-04 12:00:00" } { "id": 5555, "title": "Palm Beach - Cleaning", "start": "2023-10-06 10:00:00", "end": "2023-10-06 12:00:00" } ]

[EdwinBetanc0urt]

El calendario con la libreria que se hizo el formulario de pruebas, full calendar (https://fullcalendar.io/docs) podría cumplir con lo que se quiere de calendarios y agendas, sin embargo para tener un visor de recursos o de linea de tiempo esta disponible solo en la versión Premium.

[EdwinBetanc0urt]

Para proyectos se consideran los campos Inicio Programado (DateStartSchedule) y Fin Programado (DateFinishSchedule).

Para solicitudes se consideran Plan de Inicio (DateStartPlan) y Completar Plan (DateCompletePlan).

[EdwinBetanc0urt]

Por limitantes técnicas, ya que no se pueden manejar los eventos como cambiar dia o mes, ir a un dia siguiente o un dia anterior, no es viable elegir full calendar (https://fullcalendar.io/docs).

Sin embargo Qalendar (https://tomosterlund.github.io/qalendar) cumple con los requisitos técnicos, ademas de tener acceso al código fuente (https://github.com/tomosterlund/qalendar), pero solo es compatible con vue 3, actualmente el proyecto esta con vue 2, por lo que con la migración de nuxt, typescritpt, element plus, y vue 3, se integrara al proyecto con un soporte completo en el backend (actualmente solo se leen datos).

https://tomosterlund.github.io/qalendar/guide.html

[niclopup]

Se desea buscar una solución que cumpla con la calendarización de recursos también

https://sapui5.hana.ondemand.com/test-resources/sap/m/demokit/teamCalendar/webapp/index.html?sap-ui-theme=sap_horizon