integration/modal-video.html
changeset 2 78f71aa0a477
parent 1 b95aebb070b5
child 6 547b3ddedf7f
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/integration/modal-video.html	Tue May 14 18:19:04 2013 +0200
@@ -0,0 +1,52 @@
+<div class="row">
+	<div class="span3">
+		<ul class="modal-menu">
+		    <li><a data-type-media="video" data-title="Bibliothèque" class="btn open-modal" href="modal-bibliotheque-video.html"><i class="icon-folder-open"></i> Bibliothèque</a></li>
+		    <li><a class="btn active" tabindex="-1" href="#"><i class="icon-plus-sign"></i> Ajouter une video</a></li>
+    	</ul>
+	</div>
+	<div class="span8 offset1 popup-content">
+
+    <form class="row" action="#" method="post">
+    	<h4 class="span8">Informations sur la vidéo</h4>
+    	<div class="span4">
+    		
+		    <label for="title-media-video">Titre :</label>
+		    <input type="text" id="title-media-video" name="">
+		    <label for="description-title-media">Description :</label>
+		    <textarea name="" id="description-title-media"></textarea>
+	    </div>
+	    <div class="span4">
+	    	<label for="">Durée de la vidéo :</label>
+	    	<div class="select-duration">
+	    		<input pattern="[0-9]*" name="" type="text" id="video-hour" class="number-spin span1" value="1">
+	    		<label for="video-hour">H</label>
+		    	<input pattern="[0-9]*" name="" type="text" id="video-minute" class="number-spin span1" value="1">
+	    		<label for="video-minute">M</label>
+	    		<input pattern="[0-9]*" name="" type="text" id="video-seconde" class="number-spin span1" value="1">
+	    		<label for="video-seconde">S</label>
+	    	</div>
+	    	<label for="">Vignette de la vidéo :</label>
+	    	<input type="file">
+	    </div>
+	    <div class="span8">
+	    	<h4>Source de la vidéo</h4>
+		    <label for="">URL de la vidéo :</label>
+		    <input type="text" class="input-xxlarge" placeholder="http://youtu.be">
+		    <div class="control-group">
+			    <div class="controls">
+			    	<a href="#" class="btn-cancel btn btn-inverse"><i class="icon-reply" data-dismiss="modal" aria-hidden="true"></i> Annuler</a>
+			    	<button type="submit" class="btn btn-success"><i class="icon-save"></i> Sauvegarder</button>
+			    </div>
+		    </div>
+	    </div>
+    </form>
+	</div>
+</div>
+<script type="text/javascript">
+$('.number-spin').spin({
+    imageBasePath :'img/spin/',
+    max:60,
+    min:0
+});
+</script>
\ No newline at end of file