Giter Club home page Giter Club logo

itescam-calendar's People

Contributors

dependabot[bot] avatar isaaclf avatar jlirat avatar

Watchers

 avatar  avatar

itescam-calendar's Issues

Normalizar el `datepicker` para todos los navegadores

El datepicker se usó en la selección de las fechas de eventos, se encuentra actualmente en la ruta:

/resources/assets/js/App.vue

en el modal #addNewEvent en los input #startDate y #endDate.

Es posible que necesitemos un plugin o algo para que la selección se vea igual en todos los navegadores.

Eventos filtrados

Se solicita que los eventos mostrados en el modal sean del Tipo de evento seleccionado, actualmente se muestran todos los eventos y no es manejable.

Control de roles de usuario

Es necesario tener un control sobre los usuarios que actualmente interactúan con el sistema, para saber quiénes pueden editar tal cosa.

Validación de tipos de eventos

Darle la posibilidad al usuario de elegir cuándo un tipo de evento es requerido (de esa manera se espera al menos 1 evento con ese tipo de evento)

Elegir fechas activas

Posibilidad de elegir las fechas activas en las que el calendario mostrará al público en general los eventos

En Progreso: Se requieren algunos pasos para completar esta tarjeta:

  • Crear la tabla configuration, que contendrá el ciclo seleccionado por los administradores como activo, esto incluye migration, factory, seeder y model correspondientes
  • Crear el controller o routes necesarios para poder manejar los requests de esta configuración.
  • Agregarle al componente App.vue las funciones y HTML correspondiente para configurar este campo (siendo administrador del sistema)

Columnas de 'editado por' y 'creado por' para poder culpar

Se agregarán 2 campos más a las migraciones de Event y EventType que serán created_by y updated_by de tipo string y nullable en donde se llevará el control de quién crea o modifica el registro (el nombre del usuario que alteró el registro)

Diferentes layouts para vista móvil y de escritorio

Cuando la página web sea abierta desde un dispositivo móvil pequeño, este deberá iniciar con una vista predeterminada para ver el "mes" en el que nos encontramos, de otra manera mostrar la vista general (de todos los meses del ciclo actual )

Etiquetas de botones Tipos de Evento y Editar

Se solicita que los botones de Nuevo Evento y Editar estén juntos al igual que los de tipo de evento, y se cambien las etiquetas de Tipo de Evento a solamente Evento y Evento a Fechas.

Tooltip con descripción del evento por día

Mostrar la descripción del evento cuando se pose sobre el día (hover) mediante un tooltip o algo similar.

Nota: Ver cómo hacerle cuando haya más de 1 evento en un solo día.

Tipos de eventos

Hacer que los tipos de eventos se puedan scrollear en caso que hayan varios para poder acoplarse a pantallas en orientación paisaje (landscape) hablando de dispositivos móviles, o en portátiles de pantallas pequeñas.

Mostrar solo eventos del tipo de evento seleccionado

En esta parte hay que dar la opción al usuario que pueda enforcar (mostrar) solo los eventos del color (o el tipo) de evento que ellos quieran:

Actualmente el comportamiento del EventPicker está separado del componente del Calendar, por lo que la selección solo sirve para elegir y editar el tipo de evento.

En este apartado se solicita ideas para ver cómo adecuar este nuevo requerimiento.

Agregar eventos

Posibilidad de agregar eventos al calendario teniendo la posibilidad de elegir

  • Fecha de inicio y final
  • Tipo de evento
  • Descripción del evento
  • Si el evento está disponible para el público general

Tareas por hacer:

  • Agregar nuevos evento
  • Editar los eventos existentes
  • Eliminar eventos

Bugs por reparar:

  • Despintar los eventos eliminados del calendario
  • Revisar el guardado de eventos (descuenta 1 dia ?)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.