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-ressource.html
changeset 2 78f71aa0a477
parent 1 b95aebb070b5
child 6 547b3ddedf7f 
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/integration/liste-ressource.html	Tue May 14 18:19:04 2013 +0200
@@ -0,0 +1,221 @@
+<!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>
+					    	<a data-type-media="image" data-title="Bibliothèque" class="open-modal" href="modal-bibliotheque.html">
+					    		<i class="icon-file"></i> Projets
+					    	</a>
+					    </li> 
+					    <li><span class="divider">/</span></li>
+					    <li class="active"><i class="icon-folder-close-alt"></i>Ressources</li>
+					    </ul>
+					</div>
+				</div>
+			</div>
+		</header>
+		<section>
+			<div class="container">
+				<ul class="nav nav-tabs tab-behavior">
+					<li class="active"><a href="#image-section"><i class="icon-picture"></i> Image</a></li>
+					<li><a href="#video-section"><i class="icon-film"></i> Video</a></li>
+				</ul>
+				 
+				<div class="tab-content">
+					<article class="tab-pane active" id="image-section">
+						<div class="row article-title">
+							<h3 class="span8"><i class="icon-picture"></i> Liste des images</h3>
+							<div class="span4 wrap-btn-add">
+								<a data-type-media="image" data-title="Ajouter une image" class="btn btn-success open-modal" href="modal-image.html">
+									Ajouter une image <i class="icon-plus-sign"></i>
+								</a>
+							</div>
+						</div>
+
+						<table class="table table-striped">
+							<thead>
+								<tr>
+									<th>Aperçu</th>
+									<th>Titre</th>
+									<th>Projets associés</th>
+									<th>Date de modification</th>
+									<th>Actions</th>
+								</tr>
+							</thead>
+							<tbody class="liste">
+								<tr id="row-list-ressources-image-id1">
+									<td><img src="img/60x60.gif" alt=""></td>
+									<td>Titre de l'image qwerty</td>
+									<td>
+										<ul>
+											<li><a href="">Titre du projet azerty</a></li>
+											<li><a href="">Titre du projet azerty</a></li>
+											<li><a href="">Titre du projet azerty</a></li>
+										</ul>
+									</td>
+									<td>14/03/2014</td>
+									<td>
+										<a data-type-media="image" data-title="Modifier une image" class="btn open-modal" href="modal-image.html"><i class="icon-pencil"></i></a>
+										<a class="btn btn-delete" data-title="Titre du média" href="#row-list-ressources-image-id1">
+											<i class="icon-remove"></i>
+										</a>
+									</td>
+								</tr>
+								<tr id="row-list-ressources-image-id2">
+									<td><img src="img/60x60.gif" alt=""></td>
+									<td>Titre de l'image azerty</td>
+									<td>
+										<ul>
+											<li><a href="">Titre du projet azerty</a></li>
+											<li><a href="">Titre du projet azerty</a></li>
+											<li><a href="">Titre du projet azerty</a></li>
+										</ul>
+									</td>
+									<td>14/03/2014</td>
+									<td>
+										<a data-type-media="image" data-title="Modifier une image" class="btn open-modal" href="modal-image.html"><i class="icon-pencil"></i></a>
+										<a class="btn btn-delete" data-title="Titre du média" href="#row-list-ressources-image-id2">
+											<i class="icon-remove"></i>
+										</a>
+									</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>
+
+					<div class="tab-pane" id="video-section">
+						<article class="tab-pane active" id="video-section">
+							<div class="row article-title">
+								<h3 class="span8"><i class="icon-film"></i> Liste des vidéos</h3>
+								<div class="span4 wrap-btn-add">
+									<a data-type-media="video" data-title="Ajouter une vidéo" class="btn btn-success open-modal" href="modal-video.html">
+										Ajouter une vidéo <i class="icon-plus-sign"></i>
+									</a>
+								</div>
+							</div>
+							<table class="table table-striped">
+								<thead>
+									<tr>
+										<th>Aperçu</th>
+										<th>Titre</th>
+										<th>Projets associés</th>
+										<th>Date de modification</th>
+										<th>Actions</th>
+									</tr>
+								</thead>
+								<tbody class="liste">
+									<tr id="row-list-ressources-video-id1">
+										<td><img src="img/60x60.gif" alt=""></td>
+										<td>Titre de la vidéo 1</td>
+										<td>
+											<ul>
+												<li><a href="">Titre du projet azerty</a></li>
+											</ul>
+										</td>
+										<td>14/03/2014</td>
+										<td>
+											<a data-type-media="video" data-title="Modifier une vidéo" class="btn open-modal" href="modal-video.html"><i class="icon-pencil"></i></a>
+											<a class="btn btn-delete" data-title="Titre du média" href="#row-list-ressources-video-id1">
+											<i class="icon-remove"></i>
+										</a>
+										</td>
+									</tr>
+									<tr id="row-list-ressources-video-id2">
+										<td><img src="img/60x60.gif" alt=""></td>
+										<td>Titre de la vidéo 2</td>
+										<td>
+											<ul>
+												<li><a href="">Titre du projet azerty</a></li>
+											</ul>
+										</td>
+										<td>14/03/2014</td>
+										<td>
+											<a data-type-media="video" data-title="Modifier une vidéo" class="btn open-modal" href="modal-video.html"><i class="icon-pencil"></i></a>
+											<a class="btn btn-delete" data-title="Titre du média" href="#row-list-ressources-video-id2">
+											<i class="icon-remove"></i>
+										</a>
+										</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>
+					</div>
+
+				</div><!-- /.tab-content -->
+			</div>
+		</section>
+		<footer></footer>
+	</div>
+
+	<div id="modal-template" class="modal hide fade popup" 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></h3>
+		</div>
+		<div class="modal-body">
+
+		</div>
+	</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 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>
+</body>
+</html>
\ No newline at end of file
metadatacomposer