listio/index.html at master · philippearnaud/listio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html ng-app="todoApp">
<head>
	<meta charset="UTF-8">
	<title>Listio</title>
	<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" type="text/css" />
	<link rel="stylesheet" href="fontawesome/css/font-awesome.min.css" type="text/css" />
	<link rel="stylesheet" href="style.css" type="text/css" />
	</head>
<body>
	<div class="jumbotron">
		<header>
			<h1>Listio</h1>
			<h2> Laisse le hasard deviner qui parmi tes collègues ira chercher les croissants ce matin </h2>
		</header>
		<main>
			<div ng-controller="TodoController">
				<form ng-submit="addTodo()">
					<div class="input-group">
					<input class="form-control" type="text" ng-model="todoText" size="30" placeholder="Ajoute l'email d'un collègue" name="email" required autofocus>
					<span class="input-group-btn">
						<input class="btn btn-default"  ng-click="todoId = todoId + 1" ng-init="1" type="submit" value="Ajout d'un mail" >
						<p>  </p>
				</span>
				<span class="error" ng-show="myForm.email.$error.required">
						Ce n'est pas un email valide </span>
				</div>
			</form>

			<div id="button">
				<a href="" ng-click="reset()"><i class="fa fa-times fa-2x">Retour à 0</i></a>
				<a href="#" id="random" ng-click="random()">Random</a>
			</div>
		<span>  <ng-pluralize count="todos.length" when="{
			'0': 'Bouh, pas de collègue, pas de croissant !', '1':'Un seul collègue, le hasard ne sera pas en ta faveur', 'other':'OUHOU la teuf'}"></span>
			<ul class="list-group">
				<li class="list-group-item" ng-repeat="todo in todos" >
				<span data-id="{{ todo.id }}" class="done-{{todo.done}}">{{todo.text}}<a class="remove" ng-click="remove()"	><i class="fa fa-times fa-2x"></i></a></span>
				</li>
		</ul>
		</div>
</div>
	<script src="angular.min.js" type="text/javascript"></script>
	<script src="todo.js" type="text/javascript" charset="utf-8"> </script>
	<script src="bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"> </script>

</body>
</html>