This commit introduces a selectable card view in the index pages for the Asistencias, Planillas, and Tareas modules, similar to the existing functionality in the Empleados module. Key changes: - Added view toggle buttons (Table/Cards) to `AsistenciasIndex.vue`, `PlanillasIndex.vue`, and `TareasIndex.vue`. - Implemented conditional rendering to display either the existing data table or a new grid of card components. - Ensured card components (`cardAsistencia.vue`, `cardPlanilla.vue`, `cardTarea.vue`) are correctly populated with data from their respective Pinia stores. - Styled the active view toggle button using module-specific accent colors. - Maintained loading and error state displays for both views. - Updated "no data" messages to be specific to table or card view. These enhancements provide you with an alternative way to visualize module data, improving the overall user experience.
Vue 3 + Vite
This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.
Learn more about IDE Support for Vue in the Vue Docs Scaling up Guide.