Añadidos elementos de layout y ruta API movies

gti-sos · Mar 21, 2024 · 5fb502d · 5fb502d
1 parent ed7286a
commit 5fb502d
Show file tree

Hide file tree

Showing 14 changed files with 262 additions and 167 deletions.
diff --git a/front/package-lock.json b/front/package-lock.json
diff --git a/front/package.json b/front/package.json
@@ -20,8 +20,11 @@
 		"eslint-plugin-svelte": "^2.35.1",
 		"prettier": "^3.1.1",
 		"prettier-plugin-svelte": "^3.1.2",
-		"svelte": "^4.2.7",
+		"svelte": "^4.2.12",
 		"vite": "^5.0.3"
 	},
-	"type": "module"
+	"type": "module",
+	"dependencies": {
+		"@sveltestrap/sveltestrap": "^6.2.7"
+	}
 }
diff --git a/front/src/app.html b/front/src/app.html
@@ -3,6 +3,10 @@
 	<head>
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<link
+    			rel="stylesheet"
+    			href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
+  		/>
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%sveltekit.head%
 	</head>

diff --git a/front/src/routes/+layout.svelte b/front/src/routes/+layout.svelte
@@ -0,0 +1,11 @@
+<script>
+    import Footer from './Footer.svelte';
+    import Header from './Header.svelte';
+</script>
+
+<Header/>
+<hr>
+<slot></slot>
+<hr>
+
+<Footer/>
diff --git a/front/src/routes/+page.svelte b/front/src/routes/+page.svelte
@@ -1,2 +1 @@
-<h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
+Welcome to SOS2324-14 project
diff --git a/front/src/routes/Footer.svelte b/front/src/routes/Footer.svelte
@@ -0,0 +1 @@
+Desarrollado por el grupo 14
diff --git a/front/src/routes/Header.svelte b/front/src/routes/Header.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+    import {Nav, NavItem, Dropdown, DropdownItem, DropdownToggle, DropdownMenu, NavLink} from '@sveltestrap/sveltestrap';
+
+    let isOpen = false;
+</script>
+
+<Nav underline>
+    <NavItem>
+      <NavLink href="/" >Home</NavLink>
+    </NavItem>
+    <Dropdown nav {isOpen} toggle={() => (isOpen = !isOpen)}>
+      <DropdownToggle nav caret>APIs</DropdownToggle>
+      <DropdownMenu>
+        <DropdownItem header>Nombres</DropdownItem>
+        <DropdownItem href="/movies-dataset">movies-dataset</DropdownItem>
+        <DropdownItem href="/ufc-events-data">ufc-events-data</DropdownItem>
+        <DropdownItem href="/youtube-trends">youtube-trends</DropdownItem>
+      </DropdownMenu>
+    </Dropdown>
+    <NavItem>
+      <NavLink href="/about">About</NavLink>
+    </NavItem>
+</Nav>
+
+
diff --git a/front/src/routes/about/+page.svelte b/front/src/routes/about/+page.svelte
@@ -0,0 +1,10 @@
+<script>
+    import { dev } from "$app/environment";
+
+    let mode = "production"
+
+    if(dev)
+        mode = "development"
+</script>
+
+Estas en modo {mode}