Mercurial Mercurial > metadatacomposer / diff
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help
Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
integration/liste-projet.html
changeset 2 78f71aa0a477
parent 1 b95aebb070b5
child 6 547b3ddedf7f 
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/integration/liste-projet.html	Tue May 14 18:19:04 2013 +0200
@@ -0,0 +1,213 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+    <title>Aix - Back office > Liste des projets</title>
+	<!--[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="css/style.css" rel="stylesheet">
+</head>
+<body>
+	<div class="wrap">
+		<header>
+			<div class="container">
+				<div class="row">
+					<div class="span3"><h1><a class="clearfix" href="">
+						<img src="img/60x40.gif" alt="">
+						<span>
+							Doc<br/>Cliquable
+						</span>
+					</a></h1></div>
+					<div class="span9">
+						<ul class="breadcrumb nav-bar">
+					    <li class="active"><i class="icon-file"></i> Projets </li>
+					    <li><span class="divider">/</span></li>
+					    <li><a href="#"><i class="icon-folder-close-alt"></i>Ressources</a></li>
+					    </ul>
+					</div>
+				</div>
+			</div>
+		</header>
+		<section>
+			<article class="container">
+				<div class="row article-title">
+					<h3 class="span8"><i class="icon-file"></i> Liste des projets</h3>
+					<div class="span4 wrap-btn-add"><a data-type-media="video" data-title="Bibliothèque" class="btn btn-success open-modal" href="modal-bibliotheque.html">Ajouter un projet <i class="icon-plus-sign"></i></a></div>
+				</div>
+				<table class="row table table-striped">
+					<thead>
+						<tr>
+							<th>Aperçu</th>
+							<th>Titre</th>
+							<th>Média associé</th>
+							<th>Modification</th>
+							<th>URL</th>
+							<th>Embed</th>
+							<th>Actions</th>
+						</tr>
+					</thead>
+					<tbody class="liste">
+						<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>
+									</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>
+									</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>
+									</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>
+									</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>
+						
+					</tbody>
+				</table>
+				<div class="pagination">
+				    <ul>
+					    <li class="disabled"><a href="#">Prev</a></li>
+					    <li class="active"><a href="#">1</a></li>
+					    <li><a href="#">2</a></li>
+					    <li><a href="#">3</a></li>
+					    <li><a href="#">4</a></li>
+					    <li><a href="#">5</a></li>
+					    <li><a href="#">Next</a></li>
+				    </ul>
+			    </div>
+			</article>
+		</section>
+		<footer>
+
+		</footer>
+	</div>
+
+
+	<div id="modal-confirm" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+		<div class="modal-header">
+		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+			<h3><i class="icon-warning-sign"></i> Confirmation de la suppression</h3>
+		</div>
+		<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>
+		</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>
+</body>
+</html>
\ No newline at end of file
metadatacomposer