Ajout des tp

2026-02-04 17:27:49 +01:00
parent 38d424e819
commit 1ee438d5be
23 changed files with 2308 additions and 8 deletions
--- a/TP_DEV4.1/TP2MVC/index.html
+++ b/TP_DEV4.1/TP2MVC/index.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+
+		<title>Todo</title>
+		<link
+	  rel="stylesheet"
+   href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.classless.min.css"
+   >
+
+   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css" integrity="sha512-q3eWabyZPc1XTCmF+8/LuE1ozpg5xxn7iO89yfSOd5/oKvyqLngoNGsx8jq92Y8eXJ/IRxQbEC+FGSYxtk2oiw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+   <link rel="stylesheet" href="./css/style.css">
+	</head>
+
+	<body>
+		<header>
+			<h1>To Do List</h1>
+		</header>
+
+		<main>
+			<article>
+				<header>
+					<form id='add_form'>
+						<fieldset role="group">
+							<input id="input_todo" type="text" placeholder="Buy milk and eggs...">
+							<button><i class="fas fa-plus"></i></button>
+						</fieldset>
+						<div>
+						<span>
+							<a id="active" href="#/active"><i class="far fa-circle"></i></a>
+							<a id="done" href="#/done"><i class="fas fa-circle"></i></a>
+							<a id="all" href="#/all"><i class="fas fa-adjust"></i></a>
+						</span>
+
+						<small><span id="count">0</span>/50 characters</small>
+						</div>
+					</form>
+				</header>
+				<!-- Render  todos -->
+				<ul id="todos_list" class="todolist"></ul>
+			</article>
+		</main>
+
+	</body>
+
+	<script src="js/model.js"></script>
+	<script src="js/view.js"></script>
+	<script src="js/controller.js"></script>
+
+</html>