4.3 KiB
4.3 KiB
Map Viewer Manual
This manual provides step-by-step instructions for using the NocoDB Map Viewer web application. Each section covers a major feature with direct instructions. (Insert screenshot - feature overview)
1. Logging In
- Go to the map site URL (e.g., http://localhost:3000).
- Enter your email and password on the login page.
- Click Login.
- If you forget your password, contact an admin. (Insert screenshot - login page)
2. Viewing the Map
- After login, you will see the interactive map.
- Use your mouse or touch to pan and zoom.
- Your current location may be shown as a blue dot. (Insert screenshot - main map view)
3. Adding a New Location
- Click the Add Location button (usually a plus icon on the map).
- Click on the map where you want to add the new location.
- Fill out the form:
- First Name, Last Name, Email, Phone, Unit Number, Support Level, Address, Sign, Sign Size, Notes.
- Click Save.
- The new location will appear as a marker on the map. (Insert screenshot - add location form)
4. Editing or Deleting a Location
- Click on a location marker.
- In the popup, click Edit to update details, or Delete to remove the location.
- Confirm your changes. (Insert screenshot - location popup with edit/delete)
5. Auto-Refresh
The map automatically refreshes every 30 seconds to show the latest data. (Insert screenshot - refresh indicator)
6. Map Start Location & Boundaries
- The map opens to the default start location (Edmonton, Canada, unless changed by admin).
- Admins can set boundaries to restrict where points can be added. (Insert screenshot - map boundaries)
7. Walk Sheet Generator
- Go to the Walk Sheet section (usually in the admin panel).
- Enter the title, subtitle, footer, and QR code info.
- Click Generate to create a printable walk sheet.
- Download or print the sheet. (Insert screenshot - walk sheet generator)
8. QR Code Integration
- QR codes can be added to walk sheets for quick access to digital resources.
- Enter the URL and label for each QR code in the settings.
- QR codes will appear on the generated walk sheet. (Insert screenshot - QR code on walk sheet)
9. Volunteer Shift Management
For All Users
- Go to Shifts (http://localhost:3000/shifts.html).
- View shifts in Grid or Calendar view.
- Click a shift to see details.
- Click Sign Up to join a shift.
- Your signed-up shifts are shown at the top. (Insert screenshot - shifts grid and calendar)
Cancel a Signup
- Click Cancel next to a shift you signed up for.
- Confirm cancellation. (Insert screenshot - cancel signup)
Calendar Color Codes
- Green: Shifts you signed up for
- Blue: Available shifts
- Gray: Full shifts
10. Admin Features
Shift Management
- Go to Admin Panel (http://localhost:3000/admin.html).
- Create, edit, or cancel shifts.
- View all signups and manage volunteers. (Insert screenshot - admin shift management)
User Management
- In the admin panel, go to User Management.
- Add new users with email, password, and role (admin/user).
- Delete users as needed. (Insert screenshot - user management panel)
Map Start Location
- In the admin panel, go to Start Location.
- Select coordinates and zoom level.
- Save changes to update the map default. (Insert screenshot - start location config)
Walk Sheet Config
- In the admin panel, go to Walk Sheet Config.
- Edit walk sheet fields and QR codes.
- Save to persist changes. (Insert screenshot - walk sheet config panel)
11. Troubleshooting
- Locations not showing: Check that location data includes latitude/longitude and your API token has read permissions.
- Cannot add locations: Ensure your API token has write permissions and coordinates are valid.
- Connection errors: Verify NocoDB is accessible and API URL is correct.
- Build script issues: Make sure your NocoDB database is clean and API token has admin permissions.
12. Security & Privacy
- All API tokens are kept server-side only.
- CORS and rate limiting are enabled.
- Input validation and security headers are enforced.
13. Support
For help, check the troubleshooting section, review NocoDB docs, or contact your admin. (Insert screenshot - help section)