From 987b228b7d27f63289a84da32bd90e35b33d8c6f Mon Sep 17 00:00:00 2001
From: Sean Morley <98704938+seanmorley15@users.noreply.github.com>
Date: Sat, 17 Aug 2024 22:43:32 -0400
Subject: [PATCH] Delete frontend/src/lib/components/NewAdventure.svelte

---
 .../src/lib/components/NewAdventure.svelte    | 436 ------------------
 1 file changed, 436 deletions(-)
 delete mode 100644 frontend/src/lib/components/NewAdventure.svelte

diff --git a/frontend/src/lib/components/NewAdventure.svelte b/frontend/src/lib/components/NewAdventure.svelte
deleted file mode 100644
index 4f114f7..0000000
--- a/frontend/src/lib/components/NewAdventure.svelte
+++ /dev/null
@@ -1,436 +0,0 @@
-<script lang="ts">
-	import { createEventDispatcher } from 'svelte';
-	import type { Adventure, OpenStreetMapPlace, Point } from '$lib/types';
-	import { onMount } from 'svelte';
-	import { enhance } from '$app/forms';
-	import { addToast } from '$lib/toasts';
-	import PointSelectionModal from './PointSelectionModal.svelte';
-	import ImageFetcher from './ImageFetcher.svelte';
-
-	export let type: string = 'visited';
-
-	export let longitude: number | null = null;
-	export let latitude: number | null = null;
-	export let collection_id: string | null = null;
-
-	import MapMarker from '~icons/mdi/map-marker';
-	import Calendar from '~icons/mdi/calendar';
-	import Notebook from '~icons/mdi/notebook';
-	import ClipboardList from '~icons/mdi/clipboard-list';
-	import Star from '~icons/mdi/star';
-	import Attachment from '~icons/mdi/attachment';
-	import Map from '~icons/mdi/map';
-	import Earth from '~icons/mdi/earth';
-	import Wikipedia from '~icons/mdi/wikipedia';
-	import ActivityComplete from './ActivityComplete.svelte';
-	import { appVersion } from '$lib/config';
-
-	export let startDate: string | null = null;
-	export let endDate: string | null = null;
-
-	let wikiError: string = '';
-
-	let newAdventure: Adventure = {
-		id: '',
-		type: type,
-		name: '',
-		location: '',
-		date: '',
-		description: '',
-		activity_types: [],
-		rating: NaN,
-		link: '',
-		image: '',
-		user_id: NaN,
-		latitude: null,
-		longitude: null,
-		is_public: false,
-		collection: collection_id || ''
-	};
-
-	if (longitude && latitude) {
-		newAdventure.latitude = latitude;
-		newAdventure.longitude = longitude;
-		reverseGeocode();
-	}
-
-	async function reverseGeocode() {
-		let res = await fetch(
-			`https://nominatim.openstreetmap.org/search?q=${newAdventure.latitude},${newAdventure.longitude}&format=jsonv2`,
-			{
-				headers: {
-					'User-Agent': `AdventureLog / ${appVersion} `
-				}
-			}
-		);
-		let data = (await res.json()) as OpenStreetMapPlace[];
-		if (data.length > 0) {
-			newAdventure.name = data[0]?.name || '';
-			newAdventure.activity_types?.push(data[0]?.type || '');
-			newAdventure.location = data[0]?.display_name || '';
-		}
-		console.log(data);
-	}
-
-	let image: File;
-	let fileInput: HTMLInputElement;
-
-	let isPointModalOpen: boolean = false;
-	let isImageFetcherOpen: boolean = false;
-
-	const dispatch = createEventDispatcher();
-	let modal: HTMLDialogElement;
-
-	onMount(async () => {
-		modal = document.getElementById('my_modal_1') as HTMLDialogElement;
-		if (modal) {
-			modal.showModal();
-		}
-	});
-
-	function close() {
-		dispatch('close');
-	}
-
-	function handleKeydown(event: KeyboardEvent) {
-		if (event.key === 'Escape') {
-			if (isImageFetcherOpen) {
-				isImageFetcherOpen = false;
-			} else if (isPointModalOpen) {
-				isPointModalOpen = false;
-			} else {
-				close(); // Closes the main adventure modal
-			}
-		}
-	}
-
-	async function generateDesc() {
-		let res = await fetch(`/api/generate/desc/?name=${newAdventure.name}`);
-		let data = await res.json();
-		if (!res.ok) {
-			wikiError = 'No article found';
-		}
-		if (data.extract) {
-			wikiError = '';
-			newAdventure.description = data.extract;
-		} else {
-			wikiError = 'No description found';
-		}
-	}
-
-	async function handleSubmit(event: Event) {
-		event.preventDefault();
-		const form = event.target as HTMLFormElement;
-		const formData = new FormData(form);
-
-		const response = await fetch(form.action, {
-			method: form.method,
-			body: formData
-		});
-
-		if (response.ok) {
-			const result = await response.json();
-			const data = JSON.parse(result.data); // Parsing the JSON string in the data field
-
-			if (data[1] !== undefined) {
-				// these two lines here are wierd, because the data[1] is the id of the new adventure and data[2] is the user_id of the new adventure
-				console.log(data);
-				let id = data[1];
-				let user_id = data[2];
-				let image_url = data[3];
-				let link = data[4];
-				if (newAdventure.is_public) {
-					navigator.clipboard.writeText(`${window.location.origin}/adventures/${id}`);
-				}
-				newAdventure.image = image_url;
-				newAdventure.id = id;
-				newAdventure.user_id = user_id;
-				newAdventure.link = link;
-				// turn the activity_types string into an array by splitting it at the commas
-				if (typeof newAdventure.activity_types === 'string') {
-					newAdventure.activity_types = (newAdventure.activity_types as string)
-						.split(',')
-						.map((activity_type) => activity_type.trim())
-						.filter((activity_type) => activity_type !== '' && activity_type !== ',');
-
-					// Remove duplicates
-					newAdventure.activity_types = Array.from(new Set(newAdventure.activity_types));
-				}
-				console.log(newAdventure);
-				dispatch('create', newAdventure);
-				addToast('success', 'Adventure created successfully!');
-				close();
-			}
-		}
-	}
-
-	function handleImageFetch(event: CustomEvent) {
-		const file = event.detail.file;
-		if (file && fileInput) {
-			// Create a DataTransfer object and add the file
-			const dataTransfer = new DataTransfer();
-			dataTransfer.items.add(file);
-
-			// Set the files property of the file input
-			fileInput.files = dataTransfer.files;
-
-			// Update the adventureToEdit object
-			newAdventure.image = file;
-		}
-		isImageFetcherOpen = false;
-	}
-
-	function setLongLat(event: CustomEvent<Adventure>) {
-		console.log(event.detail);
-		isPointModalOpen = false;
-	}
-</script>
-
-{#if isPointModalOpen}
-	<PointSelectionModal
-		query={newAdventure.name}
-		on:close={() => (isPointModalOpen = false)}
-		on:submit={setLongLat}
-		bind:adventure={newAdventure}
-	/>
-{/if}
-
-{#if isImageFetcherOpen}
-	<ImageFetcher
-		on:image={handleImageFetch}
-		name={newAdventure.name}
-		on:close={() => (isImageFetcherOpen = false)}
-	/>
-{/if}
-
-<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
-<dialog id="my_modal_1" class="modal">
-	<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
-	<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
-	<div class="modal-box" role="dialog" on:keydown={handleKeydown} tabindex="0">
-		<h3 class="font-bold text-lg">New {type} Adventure</h3>
-		<div
-			class="modal-action items-center"
-			style="display: flex; flex-direction: column; align-items: center; width: 100%;"
-		>
-			<form
-				method="post"
-				style="width: 100%;"
-				on:submit={handleSubmit}
-				action="/adventures?/create"
-			>
-				<div class="join">
-					<input
-						class="join-item btn btn-neutral"
-						type="radio"
-						name="type"
-						id="visited"
-						value="visited"
-						aria-label="Visited"
-						checked={newAdventure.type === 'visited'}
-						on:click={() => (type = 'visited')}
-					/>
-					<input
-						class="join-item btn btn-neutral"
-						type="radio"
-						name="type"
-						id="planned"
-						value="planned"
-						aria-label="Planned"
-						checked={newAdventure.type === 'planned'}
-						on:click={() => (type = 'planned')}
-					/>
-				</div>
-
-				<input
-					type="text"
-					name="type"
-					id="type"
-					value={type}
-					hidden
-					readonly
-					class="input input-bordered w-full max-w-xs mt-1"
-				/>
-				<div class="mb-2">
-					<label for="name">Name</label><br />
-					<input
-						type="text"
-						id="name"
-						name="name"
-						bind:value={newAdventure.name}
-						class="input input-bordered w-full max-w-xs mt-1"
-						required
-					/>
-				</div>
-				<div class="mb-2">
-					<label for="location">Location<MapMarker class="inline-block -mt-1 mb-1 w-6 h-6" /></label
-					><br />
-					<input
-						type="text"
-						id="location"
-						name="location"
-						bind:value={newAdventure.location}
-						class="input input-bordered w-full max-w-xs mt-1"
-					/>
-					<div class="mb-2 mt-2">
-						<button
-							type="button"
-							class="btn btn-secondary"
-							on:click={() => (isPointModalOpen = true)}
-							><Map class="inline-block w-6 h-6" />{newAdventure.latitude && newAdventure.longitude
-								? 'Change'
-								: 'Select'} Location</button
-						>
-					</div>
-				</div>
-				<div class="mb-2">
-					<label for="date"
-						>Date<iconify-icon icon="mdi:calendar" class="text-lg ml-1 -mb-0.5"
-						></iconify-icon></label
-					><br />
-					<input
-						type="date"
-						id="date"
-						name="date"
-						min={startDate || ''}
-						max={endDate || ''}
-						bind:value={newAdventure.date}
-						class="input input-bordered w-full max-w-xs mt-1"
-					/>
-				</div>
-				<div class="mb-2">
-					<label for="description"
-						>Description<iconify-icon icon="mdi:notebook" class="text-lg ml-1 -mb-0.5"
-						></iconify-icon></label
-					><br />
-					<div class="flex">
-						<input
-							type="text"
-							id="description"
-							name="description"
-							bind:value={newAdventure.description}
-							class="input input-bordered w-full max-w-xs mt-1 mb-2"
-						/>
-						<button class="btn btn-neutral ml-2" type="button" on:click={generateDesc}
-							><Wikipedia class="inline-block -mt-1 mb-1 w-6 h-6" />Generate Description</button
-						>
-					</div>
-					{#if wikiError}
-						<p class="text-red-500">{wikiError}</p>
-					{/if}
-				</div>
-				{#if newAdventure.type == 'visited' || newAdventure.type == 'planned'}
-					<div class="mb-2">
-						<label for="activityTypes"
-							>Activity Types <ClipboardList class="inline-block -mt-1 mb-1 w-6 h-6" /></label
-						><br />
-						<input
-							type="text"
-							id="activity_types"
-							name="activity_types"
-							hidden
-							bind:value={newAdventure.activity_types}
-							class="input input-bordered w-full max-w-xs mt-1"
-						/>
-						<ActivityComplete bind:activities={newAdventure.activity_types} />
-					</div>
-				{/if}
-				<div class="mb-2">
-					<label for="rating"
-						>Rating <iconify-icon icon="mdi:star" class="text-xl -mb-1"></iconify-icon></label
-					><br />
-					<input
-						type="number"
-						min="0"
-						max="5"
-						bind:value={newAdventure.rating}
-						id="rating"
-						name="rating"
-						class="input input-bordered w-full max-w-xs mt-1"
-					/>
-				</div>
-				<div class="mb-2">
-					<label for="link"
-						>Link <iconify-icon icon="mdi:link" class="text-xl -mb-1"></iconify-icon></label
-					><br />
-					<input
-						type="text"
-						id="link"
-						name="link"
-						bind:value={newAdventure.link}
-						class="input input-bordered w-full max-w-xs mt-1"
-					/>
-				</div>
-				<div class="mb-2">
-					<label for="image">Image </label><br />
-					<div class="flex">
-						<input
-							type="file"
-							id="image"
-							name="image"
-							bind:value={image}
-							bind:this={fileInput}
-							class="file-input file-input-bordered w-full max-w-xs mt-1"
-						/>
-						<button
-							class="btn btn-neutral ml-2"
-							type="button"
-							on:click={() => (isImageFetcherOpen = true)}
-							><Wikipedia class="inline-block -mt-1 mb-1 w-6 h-6" />Image Search</button
-						>
-					</div>
-				</div>
-				<div class="mb-2">
-					<input
-						type="text"
-						id="latitude"
-						hidden
-						name="latitude"
-						bind:value={newAdventure.latitude}
-						class="input input-bordered w-full max-w-xs mt-1"
-					/>
-				</div>
-				<div class="mb-2">
-					<label for="is_public">Public <Earth class="inline-block -mt-1 mb-1 w-6 h-6" /></label><br
-					/>
-					<input
-						type="checkbox"
-						class="toggle toggle-primary"
-						id="is_public"
-						name="is_public"
-						bind:checked={newAdventure.is_public}
-					/>
-				</div>
-				{#if newAdventure.is_public}
-					<p>The link to this adventure will be copied to your clipboard once it is created!</p>
-				{/if}
-				<div class="mb-2">
-					<input
-						type="text"
-						id="longitude"
-						name="longitude"
-						hidden
-						bind:value={newAdventure.longitude}
-						class="input input-bordered w-full max-w-xs mt-1"
-					/>
-					<input
-						type="text"
-						id="collection"
-						name="collection"
-						hidden
-						bind:value={newAdventure.collection}
-						class="input input-bordered w-full max-w-xs mt-1"
-					/>
-
-					<button
-						id="new_adventure"
-						data-umami-event="Create new Adventure"
-						type="submit"
-						class="btn btn-primary mr-4 mt-4">Create</button
-					>
-					<button type="button" class="btn mt-4" on:click={close}>Close</button>
-				</div>
-			</form>
-		</div>
-	</div>
-</dialog>