integration/liste-projet.html
changeset 6 547b3ddedf7f
parent 2 78f71aa0a477
child 9 e3d551eda5a6
--- a/integration/liste-projet.html	Tue May 14 18:19:04 2013 +0200
+++ b/integration/liste-projet.html	Thu May 16 12:58:48 2013 +0200
@@ -6,7 +6,7 @@
 	<!--[if lt IE 9]>
 		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 	<![endif]-->
-	<link href="css/bootstrap.min.css" rel="stylesheet">
+	<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
 	<link href="css/style.css" rel="stylesheet">
 </head>
 <body>
@@ -43,46 +43,16 @@
 							<th>Titre</th>
 							<th>Média associé</th>
 							<th>Modification</th>
-							<th>URL</th>
-							<th>Embed</th>
+							<th width="140px">URL</th>
+							<th width="140px">Embed</th>
 							<th>Actions</th>
 						</tr>
 					</thead>
 					<tbody class="liste">
-						<tr>
+						<tr id="row-projet-id1">
 							<td><img src="img/60x60.gif" alt=""></td>
-							<td>Titre du projet azerty</td>
-							<td><a href="#">Titre du média azerty</a></td>
-							<td>14/03/2014</td>
-							<td>
-								<form action="#">
-									<input class="input-small in-table" id="url-azerty" type="text" value="http://google.com" readonly>
-									<a href="#" class="btn clipboard" data-clipboard-target="url-azerty"><i class="icon-link"></i></a>
-								</form>
-							</td>
-							<td>
-								<form action="#">
-									<input class="input-small in-table" id="url-qwerty" type="text" value="http://youtu.be" readonly>
-									<a href="#" class="btn clipboard" data-clipboard-target="url-qwerty"><i class="icon-link"></i></a>
-								</form>
-							</td>
-							<td class="actions">
-								<table>
-									<tr>
-										<td><a class="btn" href="#"><i class="icon-pencil"></i></a></td>
-										<td><a class="btn btn-delete" data-title="Titre du média" href="#"><i class="icon-remove"></i></a></td>
-									</tr>
-									<tr>
-										<td><a class="btn" href="#"><i class="icon-eye-open"></i></a></td>
-										<td><a class="btn" href="#"><i class="icon-copy"></i></a></td>
-									</tr>
-								</table>		
-							</td>
-						</tr>
-						<tr>
-							<td><img src="img/60x60.gif" alt=""></td>
-							<td>Titre du projet azerty</td>
-							<td><a href="#">Titre du média azerty</a></td>
+							<td>Titre du projet azerty Titre du projet azerty</td>
+							<td><a href="#">Titre du média azerty Titre du projet azerty</a></td>
 							<td>14/03/2014</td>
 							<td>
 								<form action="#">
@@ -100,7 +70,7 @@
 								<table>
 									<tr>
 										<td><a class="btn" href="#"><i class="icon-pencil"></i></a></td>
-										<td><a class="btn btn-delete" data-title="Titre du média" href="#"><i class="icon-remove"></i></a></td>
+										<td><a class="btn btn-delete" data-title="Titre du média" href="#row-projet-id1"><i class="icon-remove"></i></a></td>
 									</tr>
 									<tr>
 										<td><a class="btn" href="#"><i class="icon-eye-open"></i></a></td>
@@ -109,10 +79,10 @@
 								</table>		
 							</td>
 						</tr>
-						<tr>
+						<tr id="row-projet-id2">
 							<td><img src="img/60x60.gif" alt=""></td>
-							<td>Titre du projet azerty</td>
-							<td><a href="#">Titre du média azerty</a></td>
+							<td>Titre du projet azerty Titre du projet azerty</td>
+							<td><a href="#">Titre du média azerty Titre du projet azerty</a></td>
 							<td>14/03/2014</td>
 							<td>
 								<form action="#">
@@ -130,37 +100,7 @@
 								<table>
 									<tr>
 										<td><a class="btn" href="#"><i class="icon-pencil"></i></a></td>
-										<td><a class="btn btn-delete" data-title="Titre du média" href="#"><i class="icon-remove"></i></a></td>
-									</tr>
-									<tr>
-										<td><a class="btn" href="#"><i class="icon-eye-open"></i></a></td>
-										<td><a class="btn" href="#"><i class="icon-copy"></i></a></td>
-									</tr>
-								</table>		
-							</td>
-						</tr>
-						<tr>
-							<td><img src="img/60x60.gif" alt=""></td>
-							<td>Titre du projet azerty</td>
-							<td><a href="#">Titre du média azerty</a></td>
-							<td>14/03/2014</td>
-							<td>
-								<form action="#">
-									<input class="input-small in-table" id="url-azerty" type="text" value="http://google.com" readonly>
-									<a href="#" class="btn clipboard" data-clipboard-target="url-azerty"><i class="icon-link"></i></a>
-								</form>
-							</td>
-							<td>
-								<form action="#">
-									<input class="input-small in-table" id="url-qwerty" type="text" value="http://youtu.be" readonly>
-									<a href="#" class="btn clipboard" data-clipboard-target="url-qwerty"><i class="icon-link"></i></a>
-								</form>
-							</td>
-							<td class="actions">
-								<table>
-									<tr>
-										<td><a class="btn" href="#"><i class="icon-pencil"></i></a></td>
-										<td><a class="btn btn-delete" data-title="Titre du média" href="#"><i class="icon-remove"></i></a></td>
+										<td><a class="btn btn-delete" data-title="Titre du média" href="#row-projet-id2"><i class="icon-remove"></i></a></td>
 									</tr>
 									<tr>
 										<td><a class="btn" href="#"><i class="icon-eye-open"></i></a></td>
@@ -199,15 +139,16 @@
 		<div class="modal-body"></div>
 		<div class="modal-footer">
 			<button class="btn" data-dismiss="modal" aria-hidden="true">Annuler</button>
-			<button class="btn btn-primary">Supprimer</button>
+			<button id="btn-delete-modal" class="btn btn-primary">Supprimer</button>
 		</div>
 	</div>
 
-	<script src="js/jquery-1.9.1.min.js"></script>
-	<script src="lib/jquery-ui/ui/minified/jquery-ui.min.js"></script>
-	<script src="js/bootstrap.js"></script>
-	<script src="js/ZeroClipboard.min.js"></script>
-	<script src="js/jquery.spin-1.0.2.js"></script>
-	<script src="js/main.js"></script>
+	<script src="lib/jquery-1.9.1.min.js"></script>
+	<script src="lib/bootstrap/js/bootstrap.min.js"></script>
+	<script src="lib/ZeroClipboard/ZeroClipboard.min.js"></script>
+	<script src="lib/spin/jquery.spin-1.0.2.js"></script>
+
+	<script src="js/projet.js"></script>
+
 </body>
 </html>
\ No newline at end of file