Merge pull request #72 from etinaude/adminUI

Admin UI

Author: etinaude

src/routes/admin/addMedia.svelte

@@ -66,6 +66,12 @@
 
 		returnedFilePath = await addNewImage(blob, fileName);
 		if (returnedFilePath == '') return banner.show('Error Uploading', 'error');
+		returnedFilePath = returnedFilePath.replace(/ /g, '%20');
+		returnedFilePath = returnedFilePath.replace('projects/', 'projects%2F');
+		returnedFilePath = returnedFilePath.replace('logos/', 'projlogosetcs%2F');
+		returnedFilePath = returnedFilePath.replace('awards/', 'awards%2F');
+
+		console.log(returnedFilePath);
 
 		banner.show('File Uploaded', 'success');
 	}

src/routes/admin/editProject.svelte

@@ -6,8 +6,10 @@
 	import { tagOptions } from '$lib/services/tags';
 	import type { ProjectT } from '$lib/types/types';
 	import { onMount } from 'svelte';
+	import Modal from '$lib/components/project/Modal.svelte';
 
 	let allProjects: ProjectT[] = [];
+	let openIndex = -1;
 
 	let project: ProjectT = {
 		title: '',
@@ -17,7 +19,7 @@
 		featured: false,
 		priority: 10,
 		tags: [],
-		media: []
+		media: ['']
 	};
 
 	let tag: string = '';
@@ -26,6 +28,8 @@
 	async function submit() {
 		banner.show('Submitting', 'info');
 
+		project.media = project.media.filter((l) => l !== '');
+
 		if (project.title === '') return banner.show('No Title', 'error');
 		if (project.description === '') return banner.show('No Description', 'error');
 		if (project.media.length === 0) return banner.show('No Image Url', 'error');
@@ -72,6 +76,8 @@
 </script>
 
 <section>
+	<Modal projectsList={[project]} projectIndex={openIndex} />
+
 	<div class="row">
 		<div class="column demo">
 			<h2>Search project</h2>
@@ -90,7 +96,7 @@
 
 			<div class="center">
 				<div class="tiles">
-					<Tile cardData={project} />
+					<Tile cardData={project} index={0} bind:openIndex />
 				</div>
 			</div>
 		</div>
@@ -103,11 +109,6 @@
 				<input type="text" id="title" name="title" bind:value={project.title} />
 			</div>
 
-			<div class="field">
-				<label for="tldr">TLDR</label>
-				<textarea id="tldr" name="tldr" rows="3" bind:value={project.tldr} />
-			</div>
-
 			<div class="field">
 				<label for="description">Description</label>
 				<textarea id="description" name="description" rows="7" bind:value={project.description} />
@@ -116,21 +117,20 @@
 			<h3>Optional</h3>
 
 			<div class="field">
-				<label for="followUrl">Follow Url</label>
-				<input type="text" id="followUrl" name="followUrl" bind:value={project.followUrl} />
+				<label for="tldr">TLDR</label>
+				<textarea id="tldr" name="tldr" rows="3" bind:value={project.tldr} />
 			</div>
 
 			<div class="field">
+				<label for="followUrl">Follow Url</label>
+				<input type="text" id="followUrl" name="followUrl" bind:value={project.followUrl} />
 				<label for="featured">Featured</label>
 				<input type="checkbox" id="featured" name="featured" bind:checked={project.featured} />
 			</div>
 
 			<div class="field">
 				<label for="priority">Priority</label>
 				<input type="number" id="priority" name="priority" bind:value={project.priority} />
-			</div>
-
-			<div class="field">
 				<label for="tags">tags</label>
 				<select name="tags" id="tags" bind:value={tag} on:change={addTag}>
 					{#each tagOptions as tagOptionItem}
@@ -153,7 +153,7 @@
 			{/if}
 
 			<div class="extra-media">
-				<h3>Extra Media</h3>
+				<h3>Media URLs</h3>
 				{#each project.media as link}
 					<div class="field">
 						<input type="text" id="media" name="media" bind:value={link} />

src/routes/projects/+page.svelte

@@ -58,7 +58,7 @@
 <Header />
 
 <section>
-	<Modal projectsList={allProjects} projectIndex={openIndex} />
+	<Modal projectsList={smallProjects} projectIndex={openIndex} />
 
 	<Saos animation={'from-bottom 1s ease'}>
 		<h2 class="featured-title">Featured Projects</h2>