feat: Add troubleshooting guide for unresponsive login and registration, enhance collection modal alerts, and improve localization for itinerary features

documentation/.vitepress/config.mts

@@ -134,6 +134,10 @@ export default defineConfig({
             text: "No Images Displaying",
             link: "/docs/troubleshooting/no_images",
           },
+          {
+            text: "Login and Registration Unresponsive",
+            link: "/docs/troubleshooting/login_unresponsive",
+          },
           {
             text: "Failed to Start Nginx",
             link: "/docs/troubleshooting/nginx_failed",

documentation/docs/troubleshooting/login_unresponsive.md

@@ -0,0 +1,19 @@
+# Troubleshooting: Login and Registration Unresponsive
+
+When you encounter issues with the login and registration pages being unresponsive in AdventureLog, it can be due to various reasons. This guide will help you troubleshoot and resolve the unresponsive login and registration pages in AdventureLog.
+
+1. Check to make sure the backend container is running and accessible.
+
+   - Check the backend container logs to see if there are any errors or issues blocking the contianer from running.
+
+2. Check the connection between the frontend and backend containers.
+
+   - Attempt login with the browser console network tab open to see if there are any errors or issues with the connection between the frontend and backend containers. If there is a connection issue, the code will show an error like `Failed to load resource: net::ERR_CONNECTION_REFUSED`. If this is the case, check the `PUBLIC_SERVER_URL` in the frontend container and refer to the installation docs to ensure the correct URL is set.
+   - If the error is `403`, continue to the next step.
+
+3. The error most likely is due to a CSRF security config issue in either the backend or frontend.
+
+   - Check that the `ORIGIN` variable in the frontend is set to the URL where the frontend is access and you are accessing the app from currently.
+   - Check that the `CSRF_TRUSTED_ORIGINS` variable in the backend is set to a comma separated list of the origins where you use your backend server and frontend. One of these values should match the `ORIGIN` variable in the frontend.
+
+4. If you are still experiencing issues, please refer to the [AdventureLog Discord Server](https://discord.gg/wRbQ9Egr8C) for further assistance, providing as much detail as possible about the issue you are experiencing!

frontend/src/lib/components/CollectionModal.svelte

@@ -189,10 +189,31 @@
 						</div>
 					</div>
 				</div>
-				<!-- Form Actions -->
+
+				{#if !collection.start_date && !collection.end_date}
+					<div class="mt-4">
+						<div role="alert" class="alert alert-neutral">
+							<svg
+								xmlns="http://www.w3.org/2000/svg"
+								fill="none"
+								viewBox="0 0 24 24"
+								class="h-6 w-6 shrink-0 stroke-current"
+							>
+								<path
+									stroke-linecap="round"
+									stroke-linejoin="round"
+									stroke-width="2"
+									d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+								></path>
+							</svg>
+							<span>{$t('adventures.collection_no_start_end_date')}</span>
+						</div>
+					</div>
+				{/if}
+
 				<div class="mt-4">
 					<button type="submit" class="btn btn-primary">
-						{$t('adventures.save_next')}
+						{$t('notes.save')}
 					</button>
 					<button type="button" class="btn" on:click={close}>
 						{$t('about.close')}

frontend/src/locales/en.json

@@ -131,6 +131,7 @@
 		"search_for_location": "Search for a location",
 		"clear_map": "Clear map",
 		"search_results": "Searh results",
+		"collection_no_start_end_date": "Adding a start and end date to the collection will unlock itinerary planning features in the collection page.",
 		"no_results": "No results found",
 		"wiki_desc": "Pulls excerpt from Wikipedia article matching the name of the adventure.",
 		"attachments": "Attachments",
@@ -251,6 +252,9 @@
 		"emoji_picker": "Emoji Picker",
 		"download_calendar": "Download Calendar",
 		"all_day": "All Day",
+		"ordered_itinerary": "Ordered Itinerary",
+		"date_itinerary": "Date Itinerary",
+		"no_ordered_items": "Add items with dates to the collection to see them here.",
 		"date_information": "Date Information",
 		"flight_information": "Flight Information",
 		"out_of_range": "Not in itinerary date range",

frontend/src/routes/collections/[id]/+page.svelte

@@ -930,7 +930,7 @@
 								class="join-item btn btn-neutral"
 								type="radio"
 								name="options"
-								aria-label="Date Itinerary"
+								aria-label={$t('adventures.date_itinerary')}
 								checked={currentItineraryView == 'date'}
 								on:change={() => (currentItineraryView = 'date')}
 							/>
@@ -938,7 +938,7 @@
 								class="join-item btn btn-neutral"
 								type="radio"
 								name="options"
-								aria-label="Ordered Itinerary"
+								aria-label={$t('adventures.ordered_itinerary')}
 								checked={currentItineraryView == 'ordered'}
 								on:change={() => (currentItineraryView = 'ordered')}
 							/>
@@ -1072,7 +1072,9 @@
 					<div class="flex flex-col items-center">
 						<div class="w-full max-w-4xl relative">
 							<!-- Vertical timeline line that spans the entire height -->
-							<div class="absolute left-8 top-0 bottom-0 w-1 bg-primary"></div>
+							{#if orderedItems.length > 0}
+								<div class="absolute left-8 top-0 bottom-0 w-1 bg-primary"></div>
+							{/if}
 							<ul class="relative">
 								{#each orderedItems as orderedItem, index}
 									<li class="relative pl-20 mb-8">
@@ -1145,7 +1147,7 @@
 							</ul>
 							{#if orderedItems.length === 0}
 								<div class="alert alert-info">
-									<p class="text-center text-lg">{$t('adventures.nothing_planned')}</p>
+									<p class="text-center text-lg">{$t('adventures.no_ordered_items')}</p>
 								</div>
 							{/if}
 						</div>

frontend/src/routes/worldtravel/+page.svelte

@@ -164,6 +164,14 @@
 
 {#if filteredCountries.length === 0}
 	<p class="text-center font-bold text-2xl mt-12">{$t('worldtravel.no_countries_found')}</p>
+
+	<div class="text-center mt-4">
+		<a
+			class="link link-primary"
+			href="https://adventurelog.app/docs/configuration/updating.html#updating-the-region-data"
+			target="_blank">{$t('settings.documentation_link')}</a
+		>
+	</div>
 {/if}
 
 <svelte:head>