alex/voyage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

collections v3

Browse Source
This commit is contained in:
Sean Morley
2024-07-15 18:01:49 -04:00
parent e533dda328
commit 7e5e4edd4d
9 changed files with 266 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/routes/adventures/+page.server.ts
View File

@@ -18,7 +18,7 @@ export const load = (async (event) => {
let count = 0;
let adventures: Adventure[] = [];
let initialFetch = await fetch(
`${serverEndpoint}/api/adventures/filtered?types=visited,planned`,
`${serverEndpoint}/api/adventures/filtered?types=visited,planned&include_collections=false`,
{
headers: {
Cookie: `${event.cookies.get('auth')}`
@@ -369,6 +369,7 @@ export const actions: Actions = {
} else {
include_collections = 'false';
}
const order_direction = formData.get('order_direction') as string;
const order_by = formData.get('order_by') as string;

224
frontend/src/routes/collections/+page.server.ts
View File

@@ -129,164 +129,96 @@ export const actions: Actions = {
return { id, user_id };
},
// edit: async (event) => {
// const formData = await event.request.formData();
edit: async (event) => {
const formData = await event.request.formData();
// const adventureId = formData.get('adventureId') as string;
// const type = formData.get('type') as string;
// const name = formData.get('name') as string;
// const location = formData.get('location') as string | null;
// let date = (formData.get('date') as string | null) ?? null;
// const description = formData.get('description') as string | null;
// let activity_types = formData.get('activity_types')
// ? (formData.get('activity_types') as string).split(',')
// : null;
// const rating = formData.get('rating') ? Number(formData.get('rating')) : null;
// let link = formData.get('link') as string | null;
// let latitude = formData.get('latitude') as string | null;
// let longitude = formData.get('longitude') as string | null;
// let is_public = formData.get('is_public') as string | null | boolean;
const collectionId = formData.get('adventureId') as string;
const name = formData.get('name') as string;
const description = formData.get('description') as string | null;
let is_public = formData.get('is_public') as string | null | boolean;
// if (is_public) {
// is_public = true;
// } else {
// is_public = false;
// }
if (is_public) {
is_public = true;
} else {
is_public = false;
}
// // check if latitude and longitude are valid
// if (latitude && longitude) {
// if (isNaN(Number(latitude)) || isNaN(Number(longitude))) {
// return {
// status: 400,
// body: { error: 'Invalid latitude or longitude' }
// };
// }
// }
if (!name) {
return {
status: 400,
body: { error: 'Missing name.' }
};
}
// // round latitude and longitude to 6 decimal places
// if (latitude) {
// latitude = Number(latitude).toFixed(6);
// }
// if (longitude) {
// longitude = Number(longitude).toFixed(6);
// }
const formDataToSend = new FormData();
formDataToSend.append('name', name);
formDataToSend.append('description', description || '');
formDataToSend.append('is_public', is_public.toString());
// const image = formData.get('image') as File;
let auth = event.cookies.get('auth');
// // console.log(activity_types);
if (!auth) {
const refresh = event.cookies.get('refresh');
if (!refresh) {
return {
status: 401,
body: { message: 'Unauthorized' }
};
}
let res = await tryRefreshToken(refresh);
if (res) {
auth = res;
event.cookies.set('auth', auth, {
httpOnly: true,
sameSite: 'lax',
expires: new Date(Date.now() + 60 * 60 * 1000), // 60 minutes
path: '/'
});
} else {
return {
status: 401,
body: { message: 'Unauthorized' }
};
}
}
// if (!type || !name) {
// return {
// status: 400,
// body: { error: 'Missing required fields' }
// };
// }
if (!auth) {
return {
status: 401,
body: { message: 'Unauthorized' }
};
}
// if (date == null || date == '') {
// date = null;
// }
const csrfToken = await fetchCSRFToken();
// if (link) {
// link = checkLink(link);
// }
if (!csrfToken) {
return {
status: 500,
body: { message: 'Failed to fetch CSRF token' }
};
}
// const formDataToSend = new FormData();
// formDataToSend.append('type', type);
// formDataToSend.append('name', name);
// formDataToSend.append('location', location || '');
// formDataToSend.append('date', date || '');
// formDataToSend.append('description', description || '');
// formDataToSend.append('latitude', latitude || '');
// formDataToSend.append('longitude', longitude || '');
// formDataToSend.append('is_public', is_public.toString());
// if (activity_types) {
// // Filter out empty and duplicate activity types, then trim each activity type
// const cleanedActivityTypes = Array.from(
// new Set(
// activity_types
// .map((activity_type) => activity_type.trim())
// .filter((activity_type) => activity_type !== '' && activity_type !== ',')
// )
// );
const res = await fetch(`${serverEndpoint}/api/collections/${collectionId}/`, {
method: 'PATCH',
headers: {
'X-CSRFToken': csrfToken,
Cookie: auth
},
body: formDataToSend
});
// // Append each cleaned activity type to formDataToSend
// cleanedActivityTypes.forEach((activity_type) => {
// formDataToSend.append('activity_types', activity_type);
// });
// }
// formDataToSend.append('rating', rating ? rating.toString() : '');
// formDataToSend.append('link', link || '');
if (!res.ok) {
const errorBody = await res.json();
return {
status: res.status,
body: { error: errorBody }
};
}
// if (image && image.size > 0) {
// formDataToSend.append('image', image);
// }
// let auth = event.cookies.get('auth');
// if (!auth) {
// const refresh = event.cookies.get('refresh');
// if (!refresh) {
// return {
// status: 401,
// body: { message: 'Unauthorized' }
// };
// }
// let res = await tryRefreshToken(refresh);
// if (res) {
// auth = res;
// event.cookies.set('auth', auth, {
// httpOnly: true,
// sameSite: 'lax',
// expires: new Date(Date.now() + 60 * 60 * 1000), // 60 minutes
// path: '/'
// });
// } else {
// return {
// status: 401,
// body: { message: 'Unauthorized' }
// };
// }
// }
// if (!auth) {
// return {
// status: 401,
// body: { message: 'Unauthorized' }
// };
// }
// const csrfToken = await fetchCSRFToken();
// if (!csrfToken) {
// return {
// status: 500,
// body: { message: 'Failed to fetch CSRF token' }
// };
// }
// const res = await fetch(`${serverEndpoint}/api/adventures/${adventureId}/`, {
// method: 'PATCH',
// headers: {
// 'X-CSRFToken': csrfToken,
// Cookie: auth
// },
// body: formDataToSend
// });
// if (!res.ok) {
// const errorBody = await res.json();
// return {
// status: res.status,
// body: { error: errorBody }
// };
// }
// let adventure = await res.json();
// let image_url = adventure.image;
// let link_url = adventure.link;
// return { image_url, link_url };
// },
return {
status: 200
};
},
get: async (event) => {
if (!event.locals.user) {
}

13
frontend/src/routes/collections/+page.svelte
View File

@@ -3,6 +3,7 @@
import AdventureCard from '$lib/components/AdventureCard.svelte';
import CollectionCard from '$lib/components/CollectionCard.svelte';
import EditAdventure from '$lib/components/EditAdventure.svelte';
import EditCollection from '$lib/components/EditCollection.svelte';
import NewAdventure from '$lib/components/NewAdventure.svelte';
import NewCollection from '$lib/components/NewCollection.svelte';
import NotFound from '$lib/components/NotFound.svelte';
@@ -94,7 +95,7 @@
isShowingCreateModal = false;
}
function editAdventure(event: CustomEvent<Collection>) {
function editCollection(event: CustomEvent<Collection>) {
collectionToEdit = event.detail;
isEditModalOpen = true;
}
@@ -120,13 +121,13 @@
<NewCollection on:create={createAdventure} on:close={() => (isShowingCreateModal = false)} />
{/if}
<!-- {#if isEditModalOpen}
<EditAdventure
adventureToEdit={collectionToEdit}
{#if isEditModalOpen}
<EditCollection
{collectionToEdit}
on:close={() => (isEditModalOpen = false)}
on:saveEdit={saveEdit}
/>
{/if} -->
{/if}
<div class="fixed bottom-4 right-4 z-[999]">
<div class="flex flex-row items-center justify-center gap-4">
@@ -178,7 +179,7 @@
{#if currentView == 'cards'}
<div class="flex flex-wrap gap-4 mr-4 justify-center content-center">
{#each collections as collection}
<CollectionCard {collection} on:delete={deleteCollection} />
<CollectionCard {collection} on:delete={deleteCollection} on:edit={editCollection} />
{/each}
</div>
{/if}

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

@@ -27,6 +27,10 @@
}
});
function deleteAdventure(event: CustomEvent<number>) {
adventures = adventures.filter((a) => a.id !== event.detail);
}
async function addAdventure(event: CustomEvent<Adventure>) {
console.log(event.detail);
if (adventures.find((a) => a.id === event.detail.id)) {
@@ -123,7 +127,7 @@
<h1 class="text-center font-semibold text-2xl mt-4 mb-2">Linked Adventures</h1>
<div class="flex flex-wrap gap-4 mr-4 justify-center content-center">
{#each adventures as adventure}
<AdventureCard type={adventure.type} {adventure} />
<AdventureCard on:delete={deleteAdventure} type={adventure.type} {adventure} />
{/each}
</div>