From adfdfd01c4cdef7fd039ecca16198cd306ae7f32 Mon Sep 17 00:00:00 2001 From: Nikolay Tatarinov Date: Wed, 4 Mar 2026 01:00:56 +0300 Subject: [PATCH] Update frontend components for accessibility and functionality improvements - Modified docker-compose.dev.yml to conditionally run npm install based on the presence of package-lock.json. - Upgraded Nuxt version in package-lock.json from 3.21.1 to 4.3.1 for enhanced features. - Enhanced ConfirmModal component with aria-modal attribute for better accessibility. - Updated MapErrorBoundary component's error message for clarity. - Added role and aria-label attributes to MapView and MapSearch components for improved screen reader support. - Refactored various components to manage focus behavior on modal close, enhancing user experience. - Improved ToastContainer styling for better responsiveness and visibility. - Updated layout components to include skip navigation links for improved accessibility. --- docker-compose.dev.yml | 2 +- frontend-nuxt/components/ConfirmModal.vue | 7 +- frontend-nuxt/components/MapErrorBoundary.vue | 2 +- frontend-nuxt/components/MapView.vue | 3 + frontend-nuxt/components/PasswordInput.vue | 4 +- frontend-nuxt/components/ToastContainer.vue | 2 +- .../components/map/MapBookmarkNameModal.vue | 20 +- frontend-nuxt/components/map/MapBookmarks.vue | 1 + frontend-nuxt/components/map/MapControls.vue | 5 +- .../components/map/MapControlsContent.vue | 3 + .../components/map/MapCoordSetModal.vue | 27 +- .../components/map/MapCoordsDisplay.vue | 1 + frontend-nuxt/components/map/MapSearch.vue | 13 + frontend-nuxt/layouts/default.vue | 83 +- frontend-nuxt/lib/Marker.ts | 2 + frontend-nuxt/package-lock.json | 3631 ++++++++++++----- frontend-nuxt/pages/admin/index.vue | 13 +- frontend-nuxt/pages/admin/maps/[id].vue | 1 + .../pages/admin/users/[username].vue | 5 +- frontend-nuxt/pages/login.vue | 8 + frontend-nuxt/pages/profile.vue | 6 +- frontend-nuxt/pages/setup.vue | 4 +- 22 files changed, 2703 insertions(+), 1140 deletions(-) diff --git a/docker-compose.dev.yml b/docker-compose.dev.yml index 545e184..d5af7ec 100644 --- a/docker-compose.dev.yml +++ b/docker-compose.dev.yml @@ -17,7 +17,7 @@ services: frontend: image: node:20-alpine working_dir: /app - command: sh -c "npm ci && npm run dev" + command: sh -c "if [ -f package-lock.json ]; then npm ci; else npm install; fi && npm run dev" ports: - "3000:3000" volumes: diff --git a/frontend-nuxt/components/ConfirmModal.vue b/frontend-nuxt/components/ConfirmModal.vue index 7f5751b..58eec96 100644 --- a/frontend-nuxt/components/ConfirmModal.vue +++ b/frontend-nuxt/components/ConfirmModal.vue @@ -1,5 +1,5 @@